@charset "UTF-8";
body {font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei";line-height: 1.42857143;color: #333;background-color: #fff;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;text-decoration: none;color: #333;}
a:active,a:hover {outline: 0;}b,strong {font-weight: bold;}
img {border: 0;vertical-align: middle;}
button,input,optgroup,select,textarea {color: inherit;font-family: inherit;font-size: inherit;line-height: inherit;background: none;border: none;}
button {overflow: visible;/* -webkit-appearance: none; *//* -moz-appearance: none;-o-appearance: none;appearance: none; */}
button,select {text-transform: none;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;/* -webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none; */}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-spacing: 0;border-collapse: collapse;}
td,th {padding: 0;}* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul {list-style: none; margin-bottom: 0px;}
h1,h2,h3,h4,h5,h6 {font-family: inherit;font-weight: 400;line-height: 1.1;color: inherit;}
p,a {word-break: break-all;}
.section {width: 100%;overflow: hidden;}
.pull-right {float: right;}
.scrollbar {overflow-y: auto;}
.scrollbar::-webkit-scrollbar {width: 3px;background-color: #dcdbdb;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #099cf1;border-radius: 10px;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
i{font-style: normal;}em {font-style: normal;}/* 动画 */
.landIn {/* display: flex; justify-content: left; flex-wrap: wrap;*/}
.kongs {animation: landIn 0.8s ease-out both;}
@keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes landIn {from {opacity: 0;transform: translateY(50%);}to {opacity: 1;transform: translateY(0);}}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}textarea {-webkit-appearance: none;} 
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-51{padding-bottom: 51%;}
.rect-513{padding-bottom: 51.3%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-55{padding-bottom: 55%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.red, .red a, a.red{color:red;}
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix{clear: both;}
.clearfix:after{clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}									
.clear{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
 
/*通用page*/
.pages{text-align:center; margin-top: 30px; }
.pages ul{display:inline-block}
.pages ul a{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;color:#777;border:1px solid #dcdcdc;border-radius:50%;background-color:#fff}
.pages ul a:hover,.pages ul  a.on{background-color:#cc0000;border:1px solid #cc0000;color:#fff}
.pages ul .next,.pages ul .prev{font-weight:700; font-size:20px;margin:0 10px}
.pages ul span{float:left;margin:0 5px;width:52px;height:52px;line-height:52px;text-align:center;border-radius:50%;background-color:#cc0000;border:1px solid #cc0000;color:#fff}
.pages ul a.first,.pages ul a.last{font-weight:700; font-size:12px;width:70px;border-radius:41%;color:#777;height:52px;line-height:52px}
.pages .a1{ background:#fff url(../images/page_l.png) no-repeat center; }
.pages .a2{ background:#fff url(../images/page_r.png) no-repeat center; }
.pages .a1:hover{ background:#cc0000 url(../images/page_l_h.png) no-repeat center; }
.pages .a2:hover{ background:#cc0000 url(../images/page_r_h.png) no-repeat center; }
@media (max-width: 768px) {
.pages ul a{ width:42px;height:42px;line-height:42px; }
.pages ul a.first,.pages ul a.last{  width:60px; height:42px;line-height:42px;}
}
[flex] { display: flex; }
[flex][flex~="i"] { display: inline-flex; }
[flex][flex~="wrap"] { flex-wrap: wrap; }
[flex][flex~="no-wrap"] { flex-wrap: nowrap; }
[flex][flex~="ja"] { justify-content: space-around; }
[flex][flex~="jb"] { justify-content: space-between; }
[flex][flex~="js"] { justify-content: start; }
[flex][flex~="jfs"] { justify-content: flex-start; }
[flex][flex~="jc"] { justify-content: center; }
[flex][flex~="je"] { justify-content: end; }
[flex][flex~="jfe"] { justify-content: flex-end; }
[flex][flex~="ais"] { align-items: flex-start; }
[flex][flex~="aic"] { align-items: center; }
[flex][flex~="acc"] { align-content: center; }
[flex][flex~="aie"] { align-items: flex-end; }

/* index-banner */
.indexbanner .swiper-slide { height: 920px;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; height:24px; line-height:24px;background:none; position:relative; width:70px; color:#fff; font-size: 18px; font-family:Calibri;}
.indexbanner .swiper-pagination-bullet:before{content:''; position:absolute; left:14px; top:50%; opacity:.18; background-color:#fff; height:3px; width:65px;transform:translateY(-50%);}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; width:0px; position:absolute; left:14px; background-color:#fff; z-index:100; height:1px; top:50%;transform:translateY(-50%);}
.indexbanner .swiper-pagination-bullet-active:after{width:65px; transition: width 7.3s ease-out 0s;}
/*.indexbanner .swiper-pagination-bullet:last-child:after,.indexbanner .swiper-pagination-bullet:last-child:before{width:0px; }*/
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{width:auto; text-align:right; left:74%; bottom:50px;}
.indexbanner .banner_img{position:relative; width:100%; height:920px;}
.indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_video{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:49%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.indexbanner .banner_img_jj .container { padding-right: 0px; padding-left: 0px;}
.banner_img_jj_mid_1{font-size:60px; font-weight: bold; text-align:left; font-family: "微软雅黑";text-shadow: 3px 4px 2px rgba(51, 51, 51, 0.5); margin-top: 5px; margin-bottom: 25px; line-height: 80px;}
.banner_img_jj_mid_2{font-size:24px; text-align:left; line-height: 45px; }
.banner_img_jj_mid_3{font-size:18px; text-transform: uppercase; text-align:left; line-height: 45px;}
.banner_right_act{ width: 6%; position: absolute; left: 12.2%; bottom: 90px;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:38px;height:38px; border: 1PX solid #FFF; border-radius: 100%; margin-top:-19px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}

.indexbanner .more-box-a {margin-top: 2em;}
.more-box-a {font-size: 18px;color: #ffffff; line-height:50px;}
.more-box-a .more-box {position: relative;padding: 0 1.4em;}
.more-box-a .more-box::before {content: '';display: block;position: absolute;left: 0;top: 0;border-radius: 100%;width:50px;height:50px;background-color: #d61419;transition: width 0.3s ease;}
.more-box-a .more-box .more-box-word {position: relative;}
.more-box-a .more-box .more-box-word a { color: #fff;}
.more-box-a .more-box .more-box-word a:hover{ color: #fff;}
.more-box-a .more-box .more-box-word:hover a{ color: #fff;}
.more-box-a .more-box .self-svg { margin-left: 1.1em;position: relative; transform: translateY(-10%);background: transparent;overflow: hidden;}
.more-box-a .more-box .self-svg svg {position: relative;}
.more-box-a .more-box:hover::before {width: 100%; height: 50px;border-radius: 30px;}
@media (max-width: 1200px) {
.more-box-a {font-size: 16px; }
.more-box-a .more-box {  padding: 0 1em;}
.more-box-a .more-box .self-svg {  margin-left: 0.8em;  transform: translateY(-2%);}
}
@media (max-width: 768px) {
.indexbanner .more-box-a {margin-top: 1em;}
.more-box-a .more-box::before { width:40px;height:40px; }
.more-box-a { line-height:40px;}
}

@media (min-width:1920px){
.indexbanner .swiper-slide { height: 970px;}
.indexbanner .banner_img{height:970px;}
}
@media (min-width:2000px){
.indexbanner .swiper-slide { height: 1240px;}
.indexbanner .banner_img{height:1240px;}
.banner_right_act{position: absolute; left: 18%; }
}
@media (max-width:1830px){
.banner_img_jj_mid_2{font-size:23px; line-height: 43px; }
.banner_right_act{position: absolute; left: 10.5%; }

}
@media (max-width:1730px){
.banner_right_act{position: absolute; left: 8%; width: 7%;}
}    
@media (max-width:1650px){
.banner_right_act{position: absolute; left:6%; width: 8%;}
}   
@media (max-width:1600px){
.indexbanner .swiper-slide { height: 780px;}
.indexbanner .banner_img{ height:780px;}
.banner_img_jj_mid_1{font-size:50px; margin-bottom: 15px; line-height: 60px;}
.banner_right_act{ width: 8%; left: 3.5%; bottom: 70px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ left:78%; bottom:60px;}
}
@media (max-width:1540px){
.banner_img_jj_mid_1{font-size:45px; line-height: 50px;}
.banner_img_jj_mid_2{font-size:22px; line-height: 40px; }
.banner_right_act{left: 3%;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom: 50px; left:75%; }
}
@media (max-width:1440px){
.indexbanner .swiper-slide { height:705px;}
.indexbanner .banner_img{ height:705px;}
.banner_img_jj_mid_1{font-size:42px; line-height: 50px;}
.banner_img_jj_mid_2{font-size:20px; }
.more-box-a {font-size: 16px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom: 40px; left:65%; }
}
@media (max-width:1366px){
.indexbanner .swiper-slide { height: 669px;}
.indexbanner .banner_img{ height:669px;}
.banner_img_jj_mid_2{font-size:18px; line-height: 36px; }
.banner_img_jj_mid_1{ font-size:36px; }
}
@media (max-width:1280px){
.indexbanner .swiper-slide { height: 627px;}
.indexbanner .banner_img{ height:627px;}
.banner_right_act{ width: 10%; left: 3.5%; bottom: 70px;}
.indexbanner .swiper-pagination-bullet{ width:58px;  }
.indexbanner .swiper-pagination-bullet:before{ width:58px;}
.indexbanner .swiper-pagination-bullet-active:after{width:58px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom: 30px; left:70%; }
}
@media (max-width:1199px){
.indexbanner .swiper-slide { padding-top: 0px; }
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.banner_right_act{ display: none;}
.indexbanner .banner_img_jj .container { padding-right: 10px; padding-left: 10px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{bottom: 50px; left:65%; }
}
@media (max-width:1100px){
.indexbanner .swiper-slide { height:757px;}
.indexbanner .banner_img{ height:757px;}
.indexbanner .banner_img_jj .container { padding-right: 0px; padding-left: 0px;}
.banner_img_jj_mid_1{ font-size:32px; }
.banner_img_jj_mid_2{font-size:17px; line-height: 34px;}
}
@media (max-width:1024px){
.indexbanner .swiper-slide { height:713px;}
.indexbanner .banner_img{ height:713px;}
.indexbanner .banner_img_jj_mid_2{font-size:20px;line-height: 30px;}
.indexbanner .banner_img_jj_mid_3{font-size:16px;line-height: 30px;}
}
@media (max-width:992px){
.indexbanner .swiper-slide { height: 691px;}
.indexbanner .banner_img{ height:691px;}
.banner_img_jj_mid_1{ line-height:40px;font-size:30px; padding-bottom: 0px; }
.banner_img_jj_mid_1:after{ width: 50px;  }
.indexbanner .banner_img_jj_mid_2{ font-size:18px;line-height: 28px;width: 85%; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{  left:36%; }
}
@media (max-width:868px){
.indexbanner .swiper-slide { height: 605px;}
.indexbanner .banner_img{ height:605px;}
}
@media (max-width:768px){
.indexbanner .swiper-slide { height: 535px;}
.indexbanner .banner_img{ height:535px;}
.banner_img_jj_mid_1{ font-size:22px; margin-bottom: 10px;}
.indexbanner .banner_img_jj_mid_2{ font-size:16px; width: 100%; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom: 40px;left:30%; }
.indexbanner .swiper-pagination-bullet{ width:48px;  }
.indexbanner .swiper-pagination-bullet:before{ width:48px;}
.indexbanner .swiper-pagination-bullet-active:after{width:48px; }
.indexbanner .banner_img_jj_mid_3{ display: none; }
}
@media (max-width:668px){
.indexbanner .swiper-slide { height: 465px;}
.indexbanner .banner_img{ height:465px;}
}
@media (max-width:568px){
.indexbanner .swiper-slide { height:396px;}
.indexbanner .banner_img{ height:396px;}
.banner_img_jj_mid{margin:0 1em;}
.banner_img_jj_mid_1{ font-size:18px; line-height:32px; padding-bottom: 8px; margin-bottom: 8px;}
.banner_img_jj_mid_1:after{width: 40px; height: 2px;}
.indexbanner .banner_img_jj_mid_2{ line-height: 22px;}
.indexbanner .banner_img_jj_mid_3{ display: none;}
.indexbanner .swiper-pagination-bullet{ width:40px; }
.indexbanner .swiper-pagination-bullet:before{ width:40px; }
.indexbanner .swiper-pagination-bullet-active:after{width:40px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{ bottom:10px;}
}
@media (max-width:528px){
.indexbanner .swiper-slide { height:368px;}
.indexbanner .banner_img{ height:368px;}
.indexbanner .banner_img_jj_mid_2{display: none; }
.indexbanner .swiper-pagination-bullet:before{ left:0px; }
.indexbanner .swiper-pagination-bullet:after{ left:0px;}
}
@media (max-width:428px){
.indexbanner .swiper-slide { height:298px;}
.indexbanner .banner_img{ height:298px;}
}
@media (max-width:398px){
.indexbanner .banner_img_jj_mid_2{ font-size:14px;}
}


.page-section{ padding:90px 0;}
.page_title { line-height: 1;}
.page_title h3 {line-height: 78px; font-size: 54px; color: #333; }
.page_title span{ font-size: 18px; color: #666; font-weight: normal; }
.page_title .desc{ font-size: 18px; margin-top: 15px; line-height: 40px;}
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1750px) {
.page_title h3 {line-height: 70px; font-size: 50px;}
}
@media (max-width:1640px) {
.page_title h3 {line-height: 68px; font-size:48px;}
}
@media all and (max-width: 1540px) {
.page_title h3 {line-height: 64px; font-size: 46px;}
}
@media(max-width:1480px){
.page_title h3 { line-height: 60px; font-size: 42px; }
}
@media (max-width:1440px) {
.page-section{ padding:80px 0;}
.page_title h3 {line-height: 58px; font-size: 40px; }
}
@media (max-width:1366px) {
.page-section{ padding:60px 0;}
.page_title h3 { line-height: 50px; font-size: 36px; }
}
@media (max-width:1280px) {
.page_title h3 { line-height: 45px; font-size: 32px;}
}
@media (max-width:1200px) {
.page_title h3 { font-size: 28px; line-height: 40px;}
.page_title .desc{ font-size: 17px; margin-top: 10px; line-height: 35px;}
}
@media (max-width:1024px) {
.page-section{ padding:50px 0;}
.page_title h3 {line-height: 36px; font-size: 28px;}
.pc{ display: none;}
.mob{ display: block;}
}
@media (max-width:992px) {
.page-section{ padding:40px 0;}
.page_title h3{ line-height: 36px; font-size: 24px; }
}
@media (max-width:768px) {
.page_title h3 { font-size: 22px; line-height: 34px; } 
.page_title .desc{ font-size: 16px;line-height: 30px;}
}

.index-about.page-section{ padding:120px 0;} 
.index-about-left img{ width:100%;}
.index-about-right { margin-right: 60px;}
.index-about-right .index-about-title{ margin-bottom: 60px;}
.index-about-right .more { margin-top: 50px;}
.index-about .about-content {width: 88%;}
.index-about .about-content p{ line-height: 34px; font-size: 18px; color: #666; margin-bottom: 13%;}
.more_link .a {font-size: 16px; width: 200px; line-height: 60px; height: 60px; position: relative;border-radius:60px; cursor: pointer;}
.more_link .a::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #fff; border-radius:60px; ;transition: 0.4s;box-sizing: border-box;}
.more_link .a .l {flex: 1;font-size: 18px;color: #fff;padding-left: 36px;position: relative;z-index: 1;transition: 0.4s;}
.more_link .a .r {width:60px; height:60px;border-radius:60px; text-align: center;position: relative;z-index: 1;}
.more_link .a .r img {margin: auto;}
.more_link .a::after {content: '';position: absolute;right: 0;top: 0;width:60px; height:60px;border-radius:60px; background: #fff;transition: 0.4s;box-sizing: border-box;}
.more_link .a:hover::after {width: 100%;}
.more_link .a:hover .l {color: #cc0000;}
.more_link.bgc .a {box-shadow: 0px 0px 10px 0px rgba(180, 2, 2, 0.42);background: linear-gradient(135deg, #cc0000, #cc0000);}
.more_link.bgc .a::before {border: 0;}
.flexBetween {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}

@media all and (max-width: 1750px) {
.index-about-right { margin-right: 30px;}
.index-about .about-content {width: 92%;}
.index-about .about-content p{ margin-bottom: 10%;}
.index-about-right .index-about-title{  margin-bottom: 40px;}
.more_link .a .r img{ max-width: 100%;}
}
@media all and (max-width: 1540px) {
.index-about-right { margin-right: 10px;}
}
@media all and (max-width: 1440px) {
.index-about.page-section{ padding:110px 0;} 
.index-about-right .index-about-title{ margin-bottom: 40px;}
.index-about .about-content {width: 90%;}
.index-about .about-content p{ line-height: 32px;}
}
@media all and (max-width: 1366px) {
.index-about.page-section{ padding:100px 0;} 
.index-about-right .index-about-title{ margin-bottom: 30px;}
.index-about .about-content {width: 95%;}
.index-about .about-content p{ margin-bottom: 5%;}
}
@media all and (max-width: 1280px) {
.index-about.page-section{ padding:90px 0;} 
.index-about .about-content p{ font-size: 16px; }
.more_link .a { width: 180px; line-height: 45px; height: 45px; border-radius:45px;}
.more_link .a:before { border-radius: 45px;}
.more_link .a:after { width:45px; height:45px; border-radius: 45px; }
.more_link .a .l { font-size: 16px;}
.more_link .a .r { width:45px; height:45px; border-radius: 45px;}
.index-about-right .index-about-title{ margin-bottom: 20px;}
}
@media all and (max-width: 1200px) {
.index-about .about-content p{ line-height: 30px; font-size: 16px;}
}
@media (max-width:1024px) {
.index-about.page-section{ padding:70px 0;} 
.index-about-right .index-about-title{ margin-bottom: 20px;}
.index-about .about-content { width: 100%;}
.index-about .about-content P{ line-height: 28px; }
}
@media screen and (max-width:992px) {
.index-about-right { margin-right: 0px; margin-bottom: 25px;}
}
@media screen and (max-width:768px) {
.index-about.page-section{ padding:50px 0;} 
.index-about-left{ display: none;}
.index-about-right { margin-right: 0px; margin-bottom: 0px;}
.index-about .about-content p{ margin-bottom: 10%;}
.more_link .a { width: 160px; line-height: 40px; height: 40px; border-radius:40px;}
.more_link .a:before { border-radius: 40px;}
.more_link .a:after { width:40px; height:40px; border-radius: 40px; }
.more_link .a .r { width:40px; height:40px; border-radius: 40px;}
}
 
.index-products-bj{width: 100%; background: #e7ecf2 url(../images/index-products-bg.png) no-repeat left bottom; }
.index-products{ font-size: 0;}
.index-products-div{min-height: 31.2vw;}
.index-products-lst{display: none;}
.index-products-lt{width: 38%;display: inline-block;vertical-align: top;padding-right: 3%;}
.index-products-lt .more_link .a {  line-height: 62px; height: 62px; border-radius:62px;}
.index-products-lt .more_link.bgc .a {box-shadow: 0px 0px 10px 0px rgba(153, 153, 153, 0.42); border: 1px solid #c0c0c0; background: none;}
.index-products-lt .more_link .a .l {flex: 1;font-size: 18px;color: #999;}
.index-products-lt .more_link .a::after { background: #cc0000;}
.index-products-lt .more_link .a:hover .l {color: #fff;}

.index-products-a{opacity: .3;font-weight: bold;}
.index-products-b{margin-top: .8vw;}
.index-products-c{ margin-top: 3vw;min-height: 10.33vw; line-height: 36px; color: #666;}
.index-products-rt{width: 62%;display: inline-block;vertical-align: top;height: 31.2vw;line-height: 31.2vw;font-size: 0;text-align: center;}
.index-products-rt img{min-height: 60%;max-height: 100%;}
.index-products-ul{width: 100%;margin-top: 2.6vw;display: flex;}
.index-products-li{width: 20%;margin: 0 .3vw;display: inline-block;vertical-align: top;height: 4.33vw;position: relative;background: #fff;color: #999;cursor: pointer;transition: all .5s;-webkit-transition: all .5s; }
.index-products-li:first-child{margin-left: 0;}
.index-products-li:last-child{margin-right: 0;}
.index-products-f{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 1vw;text-align: center;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.index-products-li:hover,
.index-products-li.on{background: #cc0000;color: #fff;transition: all .5s;-webkit-transition: all .5s; }
.fnt16 {font-size: 16px;line-height: 1.4;}
.fnt60 {font-size: 60px;line-height: 1.2;}
.fnt18 {font-size:18px;}
.fnt20 {font-size:20px;}
@media(max-width:1680px){
.fnt60 {font-size: 50px; }
}
@media(max-width:1540px){
.fnt60 {font-size: 46px; }
.index-products-c{ min-height: 10.33vw; }
}
@media(max-width:1480px){
.fnt60 {font-size:42px; }
.index-products-c{ margin-top: 2vw;min-height: 13.33vw; line-height: 34px;  }
}
@media(max-width:1366px){
.fnt60 {font-size: 36px; }
}
@media(max-width:1280px){
.fnt60 {font-size: 32px; }
.index-products-c{ min-height: 15.33vw; line-height: 32px;  }
.fnt18 {font-size:16px;}
}
@media(max-width:1024px){
.fnt60 {font-size: 28px; }
}
@media(max-width:992px){
.fnt60 {font-size: 24px; }
.index-products-c{ min-height: 18.33vw; }
}
@media(max-width:768px){
.fnt60 {font-size: 22px; }
.index-products-c{ min-height: 26.33vw; }
}
@media(max-width:1280px){
.index-products-lt .more_link .a {  line-height: 47px; height: 47px; border-radius:47px;}
}
@media(max-width:1200px){
.index-products-ul{margin-top: 50px;}	
.index-products-lt{	width: 40%;}
.index-products-rt{	width: 60%;}
.index-products-rt{	line-height: 350px;	height: 350px;}.index-products-li{	height: 60px;}
}
@media(max-width:1000px){
.index-products-ul{display: block;font-size: 0;width: 103%;}
.index-products-li{	width: 30.33%;display: inline-block;vertical-align: top;margin: 0 !important;margin-right: 3% !important;margin-bottom: 10px !important; }
.index-products-rt img{ max-width: 100%;}
}
@media(max-width:768px){
.index-products-lt .more_link .a {  line-height: 42px; height: 42px; border-radius:42px;}
}
@media(max-width:750px){
.index-products-lt{	width: 100%;padding: 0;}
.index-products-lt .more_link { margin-top: 40px;}
.index-products-c {min-height: 23.33vw; line-height: 28px;}
.index-products-c p{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.index-products-b{margin-top: .3rem;}
.index-products-rt{	width: 100%;height: auto;line-height: initial;margin-top: .6rem;}
.index-products-li{	width: 47%;	height: 45px;margin-bottom:10px !important;}
.index-products-f{font-size:16px;}
.index-products-ul{	margin-top: .5rem;}
.index-products-bj{	background: #dee4ec;}
}

.index-adv{width: 100%; position: relative; overflow: hidden;/*background:url(../images/index-adv-bg.jpg) no-repeat center; background-size:100% 100%;*/ }
.index-adv .index-adv-vd{width: 110%;position: absolute;left: -5%;top: 70%;transform:translateY(-45%);-ms-transform:translateY(-45%);-moz-transform:translateY(-45%);-webkit-transform:translateY(-45%);}
.headline-bg {width: 110%; height: 100%; position: absolute;left: -5%;top: 70%;transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.index-adv .page_title{ text-align: center;}
.index-adv .index-adv-content {}

.index-adv .index-adv-list { margin-top: 50px;}
.index-adv .index-adv-list ul li{ width: 20%; float: left;} 
.index-adv .index-adv-list ul li .con { padding: 20% 9% 20%;text-align: center; }
.index-adv .index-adv-list ul li .con .icon {display: block;margin: 0 auto;}
.index-adv .index-adv-list ul li .con .title {font-size: 24px;color: #333;line-height: 42px; margin-top: 20px; margin-bottom: 20px; position: relative; padding-bottom: 15px;}
.index-adv .index-adv-list ul li .con .title:after{ content:"";display: block;width:40px;height:3px;background: #bfbfbf;position: absolute;bottom:0; left: 40%;}
.index-adv .index-adv-list ul li .con .info {font-size: 18px;line-height: 32px;color: #666; text-align: center;}
.index-adv .index-adv-list ul li:hover .con{ background: #fff; border-radius: 10px; box-shadow: 2px 2px 14px rgba(0,0,0,.2); }
@media ( max-width:1280px) {
.index-adv .index-adv-list ul li .con { padding: 18% 9% 18%;}
.index-adv .index-adv-list ul li .con .title {font-size: 22px; line-height: 38px;}
.index-adv .index-adv-list ul li .con .title:after{ width:33px;}
.index-adv .index-adv-list ul li .con .info {font-size: 16px;line-height: 30px;}
}
@media ( max-width:1200px) {
.index-adv .index-adv-list ul li .con .title {font-size: 20px; line-height: 34px;}
}
@media ( max-width:1024px) {
.index-adv .index-adv-list ul li .con .title { font-size: 18px;}
.index-adv .index-adv-list ul li .con { padding: 17% 8% 17%; }
}
@media ( max-width:992px) {
.index-adv .index-adv-list ul li .con { padding: 15% 6% 15%; }
.index-adv .index-adv-list ul li .con img{ width: 60%;}
.index-adv .index-adv-list ul li .con .title {margin-top: 10px; font-size: 18px;}
.index-adv .index-adv-list ul li .con .info {font-size: 16px;line-height: 28px; }
.index-adv .index-adv-list ul li .con .title:after{ width:28px;}
}
@media ( max-width:768px) {
.index-adv .index-adv-list ul { position: static; top: 0px; left: 0px; content: ""; width: 100%; }
.index-adv .index-adv-list ul li { width: 50%; margin-bottom: 30px;}
.index-adv .index-adv-list ul li .con .title { font-size: 18px; margin-top: 20px;}
.index-adv .index-adv-list ul li .con { padding:6% 4%;}
.index-adv .index-adv-list ul li .con img{ width: auto;}
.index-adv .index-adv-list ul li .con .info { height: auto;}
.index-adv .index-adv-list ul li .con .title:after{ left: 45%; }
.index-adv .index-adv-list ul li:last-child { display: none;}
.headline-bg{ display: none;}
}
@media ( max-width:468px) {
.index-adv .index-adv-list ul li .con img{ width: 60%;}
.index-adv .index-adv-list ul li .con .title { margin-top: 15px; margin-bottom: 15px; padding-bottom: 10px;}
.index-adv .index-adv-list ul li .con .title:after{ width:25px;}
}
.index_solution {position: relative;}
.index_solution .posi {position: absolute;left: 0;top: 70px;width: 100%;z-index: 1;}
.home_title {position: relative;}
.home_title h3 {position: relative;z-index: 1; }
.index_solution .page_title h3 { color: #fff;}
.index_solution .imgList .item {position: relative;display: none;}
.index_solution .imgList .item > img {min-height: 880px;width: 100%;}
.index_solution .imgList .item > img.img2{ display: none;}
.index_solution .imgList .item > img.img3{ display: none;}
.index_solution .imgList .item .orientation {position: absolute;left: 0;top: 250px;width: 100%;z-index: 1;text-align: center;color: #fff;}
.index_solution .imgList .active {display: block;}
 
.w1520 {padding-left: 10.4vw;;padding-right:  10.4vw;box-sizing: border-box;width: 100%;}
.index_solution .imgList .item .orientation .content1 {font-size: 36px;}
.index_solution .imgList .item .orientation .content2 {font-size:18px;line-height: 36px;margin-top:32px; width: 60%; margin-left: auto; margin-right: auto;}
.index_solution .imgList .item .orientation .content3 {margin-top:45px;}
.flexCenter {display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.index_solution .toggle {position: absolute;left:50%;transform: translateX(-50%); width: 60%; bottom: 1rem;}
.index_solution .toggle ul li { width: 16.666666%; float: left; text-align: center;cursor: pointer;}
.index_solution .toggle ul li .top {position: relative;}
.index_solution .toggle ul li .top img {width: 85px;transition: 0.4s;}
.index_solution .toggle ul li .top .img1 {opacity: 0;}
.index_solution .toggle ul .active .top .img1 {opacity: 1;}
.index_solution .toggle ul .active .top .img2 {opacity: 0;}
.index_solution .toggle ul li .top .img2 {position: absolute;left: 50%;top: 0%;transform: translateX(-50%);z-index: 1;}
.index_solution .toggle ul li .bot {font-size: 18px;color: #fff;margin-top: 0.16rem;}
@media ( max-width:1560px) {
.index_solution .imgList .item > img {min-height: 715px; }
.index_solution .imgList .item .orientation .content2 {width: 70%;}
.index_solution .imgList .item .orientation { top: 150px;}
.index_solution .toggle { bottom: 0.71rem;}
}
@media ( max-width:1440px) {
.index_solution .imgList .item .orientation .content2 {width: 80%; margin-top: 25px;}
.index_solution .imgList .item > img {min-height: 660px; }
.index_solution .toggle { bottom: 0.5rem; width: 70%;}
}
@media ( max-width:1366px) {
.index_solution .posi { top: 60px; }
.index_solution .imgList .item .orientation .content1 {font-size: 32px;}
.index_solution .imgList .item .orientation .content2 {width: 90%;}
.index_solution .imgList .item > img {min-height: 626px; }
.index_solution .toggle ul li .top img {width:75px; }
}
@media ( max-width:1280px) {
.index_solution .imgList .item .orientation .content1 {font-size: 28px;}
.index_solution .imgList .item .orientation .content2 {width: 95%;}
.index_solution .imgList .item .orientation { top: 130px;}
.index_solution .imgList .item > img {min-height: 587px; }
.index_solution .toggle { bottom: 0.5rem;}
.index_solution .toggle ul li .top img {width:65px; }
}
@media ( max-width:1200px) {
.index_solution .imgList .item .orientation .content1 {font-size: 24px;}
.index_solution .imgList .item > img {min-height: 550px; }
.index_solution .imgList .item .orientation { top: 100px;}
.index_solution .imgList .item .orientation .content2 {width: 100%;font-size:16px;line-height: 32px;margin-top:25px;}
}
@media ( max-width:1024px) {
.index_solution .posi { top: 40px; }
.index_solution .imgList .item .orientation .content1 {font-size: 22px;}
.index_solution .imgList .item > img {min-height: 469px; }
}
@media ( max-width:992px) {
.index_solution .imgList .item > img {min-height: 5rem; }
.index_solution .imgList .item .orientation .content1 {font-size: 20px;}
.index_solution .imgList .item .orientation .content3 {margin-top:35px;}
.index_solution .imgList .item .orientation { top: 150px;}
.index_solution .toggle { bottom: 0.43rem; width: 70%;}
} 
@media ( max-width:900px) {
.index_solution .imgList .item .orientation { top: 120px;}
.index_solution .toggle { bottom: 0.3rem; }
}
@media ( max-width:868px) {
.index_solution .imgList .item .orientation .content2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.index_solution .imgList .item .orientation { top: 100px;}
.index_solution .toggle { bottom: 0.3rem; }
}
@media ( max-width:768px) {
.index_solution .imgList .item > img {min-height: 5rem; }
.index_solution .imgList .item > img.img1{ display: none;}
.index_solution .imgList .item > img.img2{ display: block;}
.index_solution .imgList .item > img.img3{ display: none;}
.index_solution .imgList .item .orientation { top: 150px;}
.index_solution .imgList .item .orientation .content2 {width: 100%;font-size:16px;line-height: 28px;margin-top:15px;-webkit-line-clamp: 4;}
.index_solution .toggle { bottom: 0.7rem; width: 80%;}
.index_solution .toggle ul li .bot {font-size: 16px; margin-top: 0.06rem;}
.index_solution .imgList .item .orientation .content3 {margin-top:25px;}
}  
@media ( max-width:728px) {
.index_solution .imgList .item > img {min-height: 3.5rem; }
.index_solution .toggle { width: 90%;}
}
@media ( max-width:668px) {
.index_solution .imgList .item .orientation { top: 120px;}
.index_solution .imgList .item .orientation .content2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.index_solution .toggle { bottom: 0.5rem; }

}
@media ( max-width:600px) {
.index_solution .toggle ul li { width: 33.33333%; margin-bottom: 10px; }
.index_solution .imgList .item > img.img1{ display: none;}
.index_solution .imgList .item > img.img2{ display: none;}
.index_solution .imgList .item > img.img3{ display: block;}    
}
@media ( max-width:468px) {
.index_solution .imgList .item .orientation { top: 90px;}
.index_solution .imgList .item > img {min-height: 4.8rem; }
.index_solution .toggle { bottom: 0.3rem; }
.index_solution .toggle ul li { margin-bottom: 10px;}
.index_solution .toggle ul li .top img {width: 0.65rem;}
.index_solution .imgList .item .orientation .content2 { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-justify: distribute-all-lines;}
.index_news .banner_btn .btns {width: 60px;height: 60px;border-radius: 50%;border: 1px solid #cc0000;display: flex;transition: 0.4s;cursor: pointer;}
.index_news .banner_btn .btns .fa {margin: auto;color: #cc0000;transition: 0.4s;}
.index_news .banner_btn .btns:hover {background: #cc0000;border-color: #cc0000;}
.index_news .banner_btn .btns:hover .fa {color: #fff;}
.index_news .banner_btn .next {margin-left: 20px;}
.index_news .banner_btn1 .btns {border-color: #fff;}
.index_news .banner_btn1 .btns .fa {color: #fff;}
.index_news .banner_btn1 .btns:hover {background: #fff;border-color: #fff;}
.index_news .banner_btn1 .btns:hover .fa{color: #cc0000;}

.index_news {background: url(../images/index_news.png) no-repeat 50% 50% / 100% 100%;}
.index_news .flex {display: flex;align-items: center;}
.index_news .box .banner .swiper .swiper-slide {width: 460px;padding: 90px 0;display: flex;align-items: center;height: 420px;box-sizing: initial;}
.index_news .box .banner .swiper .swiper-slide .item {box-shadow: 0px 0px 90px 0px rgba(26, 139, 73, 0.15);background: #fff;border-radius: 10px;overflow: hidden;}
.index_news .box .banner .swiper .swiper-slide .item a {display: block;position: relative;padding: 45px 60px;transition: 0.4s;}
.index_news .box .banner .swiper .swiper-slide .item a .main {transition: 0.4s;position: relative;z-index: 1;}
.index_news .box .banner .swiper .swiper-slide .item a .main .content1 {font-size: 18px;color: #cc0000;padding-bottom: 55px;transition: 0.4s;}
.index_news .box .banner .swiper .swiper-slide .item a .main .content2 {display: grid;grid-template-rows: 0fr;overflow: hidden;transition: 0.4s;}
.index_news .box .banner .swiper .swiper-slide .item a .main .content2 p {min-height: 0;text-align: right;}
.index_news .box .banner .swiper .swiper-slide .item a .main .content2 p img {height: 170px;}
.index_news .box .banner .swiper .swiper-slide .item a .main .content3 {font-size:24px;color: #333;line-height: 34px;height: 64px;transition: 0.4s;}
.index_news .box .banner .swiper .swiper-slide .item a .main .content4 {font-size: 16px;color: #666;line-height: 28px;height:56px;transition: 0.4s;margin-top: 20px;}
.index_news .box .banner .swiper .swiper-slide .item a .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: 0.4s;}
.index_news .box .banner .swiper .swiper-slide .item a .bg img {height: 100%;width: 100%;}
.index_news img{display:inline-block;border:none;vertical-align:middle}
@media screen and (min-width: 1200px) {
.index_news .box .banner .swiper .swiper-slide:hover { width: 6.5rem;}
.index_news .box .banner .swiper .swiper-slide:hover .item a .main .content1 { color: #fff; padding-bottom: 0;}
.index_news .box .banner .swiper .swiper-slide:hover .item a .main .content2 { grid-template-rows: 1fr; margin-top: -22px;}
.index_news .box .banner .swiper .swiper-slide:hover .item a .main .content3 { color: #fff; margin-top: 20px;}
.index_news .box .banner .swiper .swiper-slide:hover .item a .main .content4 { color: #fff;}
.index_news .box .banner .swiper .swiper-slide:hover .item a .bg { opacity: 1;}
}

@media screen and (max-width: 1200px) {
.index_news .box .banner .swiper .swiper-slide { padding: 0;}
.index_news .box .banner .swiper .swiper-slide .item a { padding: 35px 40px; }
.index_news .box .banner .swiper .swiper-slide .item a .main .content3 {font-size:22px;}
}
@media screen and (max-width: 992px) {
.index_news .box .banner .swiper .swiper-slide .item a .main .content3 {font-size:20px;}
}
@media screen and (max-width: 768px) {
.index_news .box .banner .swiper .swiper-slide {padding: 0px 0;}
}
@media screen and (max-width: 669px) {
/*.index_news .box .banner .swiper .swiper-slide { padding:4vw 0; box-sizing: border-box;}*/
.index_news .box .banner .swiper .swiper-slide { height: 350px;}
.index_news .box .banner .swiper .swiper-slide .item a { padding: 25px 30px; }
.index_news .box .banner .swiper .swiper-slide .item a .main .content3 {font-size:18px;}
}
 
.p-banner {background: center no-repeat;background-size: cover;height: 700px;text-align: left;color: #fff;padding-top: 15%; }
.p-banner h2 {font-size: 36px; font-weight: bold; line-height: 40px;padding: 15px 0 35px; position: relative;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.p-banner .title{ width: 100%; text-align: center;font-size: 36px; font-weight: bold; line-height: 40px;padding: 15px 0 35px;}
.p-banner h2:after{ position: absolute; left:0px; bottom: 0px; height: 3px; width: 58px; background-color: #fff; content: "";text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.p-banner .en{ font-size: 20px; line-height: 58px; margin-top: 10px; text-transform: uppercase;text-shadow: 3px 4px 2px rgba(0, 0, 0, .175);}
.about-banner { background-image: url('../images/about_banner.jpg');}
.products-banner { background-image: url('../images/products_banner.jpg');}
.selection-banner { background-image: url('../images/selection_banner.jpg');}
.news-banner { background-image: url('../images/news_banner.jpg');}
.service-banner { background-image: url('../images/service_banner.jpg');}
.solution-banner { background-image: url('../images/solution_banner.jpg');}
.contact-banner { background-image: url('../images/contact_banner.jpg');}
.page_nav{height: 75px;line-height: 75px; background: #f8f8f8; border-bottom: 1px solid #e5e5e5;}
.page_nav.page_nav_pro .crumb{float: left!important;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 18px;color: #666;}
.page_nav .crumb a{color: #666; font-size: 18px; }
.page_nav .crumb .fa{ color: #555; text-align: left; margin:22px 8px 0;}
.page_nav .crumb li:last-child{ color:#cc0000;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:18px; margin:0 45px 0px 5px;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#cc0000; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#cc0000;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:0px 8px 0; font-size:15px;}
.page_nav a:hover{color:#cc0000;}

.p-banner .container1 {width: 600px; max-width: 1440px; margin-left: auto;margin-right: auto; display: flex;align-items: center;flex-direction: column;color: #fff}
.p-banner form {width: 100%;height:50px;background-color: rgba(255, 255, 255, .05);border: 1px solid rgba(255, 255, 255, .86);padding-left: 15px;display: flex;justify-content: space-between;border-radius: 10px; }
.p-banner .input {width: 100%;height:50px; display: flex;justify-content: space-between;border-radius: 10px; }
.p-banner form input {border: none; font-size: 18px;background-color: rgba(0, 0, 0, 0);flex: 1 0 auto;color: currentColor}
.p-banner form input:focus {outline: none}
.p-banner form input::placeholder {color: rgba(255, 255, 255, .86)}
.p-banner form button {width: 50px;height: 50px; display: flex;align-items: center;justify-content: center;cursor: pointer;border: none;background-color: rgba(0, 0, 0, 0);font-size: 25px;flex: 0 0 auto}
.p-banner form button img {fill: #fff;width: 24px;height: 24px}
.p-banner .keywords {padding: 20px 5px;color: #fff;width: 100%; font-size: 18px; }
.p-banner .keywords a {color: #fff;position: relative;margin-right: 20px;}
.p-banner .keywords a:hover {color:#cc0000;}
@media screen and (max-width: 1450px){
.p-banner .container1 .input {margin-top: 40px;}
}
@media screen and (max-width: 1366px){
.p-banner .container1 .input {margin-top: 10px;height: 40px;}
.p-banner .container1 .input button {width: 40px;height: 40px;}
.p-banner form input { font-size: 16px;}
.p-banner .container1 .keywords { font-size: 16px;}
}
@media screen and (max-width: 1280px){
.p-banner .container1 .input {margin-top: 0px;}
}
@media screen and (max-width: 992px){
.p-banner .container1 .input {margin-top: 20px;}
}
@media screen and (max-width: 768px){
.p-banner .container1 {width: 85%;}
.p-banner .container1 .input {margin-top: 10px;}
.p-banner .container1 .keywords {padding: 10px;font-size: 15px;}
}
@media screen and (max-width: 468px){
.p-banner .container1 {width: 94%;}
.p-banner .container1 .input {margin-top: 0px;}
}
@media (max-width: 1850px){
.p-banner {height: 674px;padding-top: 14%;}
}
@media (max-width: 1800px){
.p-banner {height: 656px;padding-top: 13%;}
}
@media (max-width: 1700px){
.p-banner {height: 620px; }
}
@media (max-width: 1600px){
.p-banner {height: 583px; }
}
@media (max-width: 1540px){
.p-banner {height: 561px; }
}
@media (max-width: 1480px){
.p-banner {height: 540px; }
}
@media (max-width: 1440px){
.p-banner {height: 525px; }
.p-banner .en{line-height: 50px;}
.p-banner h2,.p-banner .title {font-size: 38px; }

}
@media (max-width: 1400px){
.p-banner {height: 510px; }
}
@media (max-width: 1336px){
.p-banner {height: 487px; }
.p-banner h2,.p-banner .title {font-size: 32px; padding: 0px 0 20px; }
.p-banner .en{ font-size: 20px; line-height: 40px;}
.page_nav .r_sec li{ margin:0 30px 0 5px;}
 
}
@media (max-width: 1280px){
.p-banner {height: 550px; padding-top: 18%;}
.about-banner { background-image: url('../images/about_banner_p.jpg');}
.products-banner { background-image: url('../images/products_banner_p.jpg');}
.selection-banner { background-image: url('../images/selection_banner_p.jpg');}
.news-banner { background-image: url('../images/news_banner_p.jpg');}
.service-banner { background-image: url('../images/service_banner_p.jpg');}
.solution-banner { background-image: url('../images/solution_banner_p.jpg');}
.contact-banner { background-image: url('../images/contact_banner_p.jpg');}
.page_nav .r_sec li{ margin:0 20px 0 5px;}
 }   
@media (max-width: 1240px){
.p-banner {height: 533px;  }
}
@media (max-width: 1200px){
.p-banner {height: 516px;  }
.p-banner h2,.p-banner .title {font-size:30px; }
.page_nav .r_sec li{ font-size:16px; margin:0 10px 0 5px; }
}  
@media (max-width: 1140px){
.p-banner {height: 490px; }
}
@media (max-width: 1100px){
.p-banner {height: 473px; }
}
@media (max-width: 1040px){
.p-banner {height: 447px; }
}
@media only screen and (max-width: 992px){
.p-banner {height: 550px; padding-top: 20%;}
.p-banner h2,.p-banner .title {font-size:28px; }
.p-banner .en{ font-size: 18px; line-height: 32px;}
.about-banner { background-image: url('../images/about_banner_m.jpg');}
.products-banner { background-image: url('../images/products_banner_m.jpg');}
.selection-banner { background-image: url('../images/selection_banner_m.jpg');}
.news-banner { background-image: url('../images/news_banner_m.jpg');}
.service-banner { background-image: url('../images/service_banner_m.jpg');}
.solution-banner { background-image: url('../images/solution_banner_m.jpg');}
.contact-banner { background-image: url('../images/contact_banner_m.jpg');}
.page_nav .crumb{display: none;}
}
@media (max-width: 900px){
.p-banner {height: 499px;  }
.p-banner .en{ font-size: 17px; line-height: 30px;}
}
@media (max-width: 868px){
.p-banner {height: 481px;  }
}
@media (max-width: 768px){
.p-banner {height: 426px; }
.p-banner .en{line-height: 30px;}
.p-banner h2,.p-banner .title {font-size:24px; line-height: 30px;padding: 10px 0 15px;}
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
 }
@media (max-width: 728px){
.p-banner {height: 404px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.p-banner {height: 370px; }
.p-banner .en{ font-size: 16px; line-height: 30px;}
.p-banner h2,.p-banner .title {font-size:22px; }
.p-banner h2:after{height: 2px; width: 25px; }
} 
@media (max-width:600px){
.p-banner {height: 333px; }
}   
@media (max-width:568px){
.p-banner {height: 315px; }
}
@media (max-width:528px){
.p-banner {height: 293px; }
}
@media (max-width:480px){
.p-banner {height: 266px; padding-top: 125px;}
.p-banner .en{ line-height: 28px; display: none;}
}
@media only screen and (max-width: 425px){
.p-banner {height: 236px;padding-top: 100px;}
.p-banner h2,.p-banner .title {font-size:20px; }
.p-banner .en{ line-height: 25px;}
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }

}
@media only screen and (max-width: 375px){
.p-banner {height: 208px; }
.p-banner h2,.p-banner .title {line-height: 28px;padding: 8px 0 8px;}
}
.m_sencondNav{position:relative; z-index:99; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:90px; }
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#cc0000; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd { padding-top: 51px;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}
@media (max-width: 1024px) {
.m_sencondNav .m_second.fixed{ top:10vw; }
}
@media (max-width: 568px) {
.m_sencondNav .m_second.fixed{ top:50px; }
}
.boxflex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-box-flex: wrap; -ms-flex-wrap: wrap}
.df {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
.pagetit h3{ font-size: 36px; color: #333333; margin-bottom: 40px; text-align: center; }

.about-page1 {background: url(../images/about-page1.png) no-repeat; background-size: cover; }
.about-page1 .container {background: url(../images/about-page-logo.png) no-repeat left bottom; }
.about-page1 h3{ font-size: 36px; color: #333333; margin-bottom: 40px; }
.about-page1-left {width: 30%; float: left;}
.about-page1-left p {font-size: 24px;color: #cc0000; line-height: 45px;}
.about-page1-right {width: 70%; float: right;}
.about-page1-right p {font-size: 18px;color: #666666;line-height: 32px;margin-bottom: 10px;}
.about-page1-right .about-page1-right-img { margin-top: 40px;}
.about-page1-right .about-page1-right-img img{ max-width: 100%;}
@media (max-width: 1366px) {
.about-page1 h3,.pagetit h3{ font-size: 32px; margin-bottom: 30px; }
}
@media (max-width: 1280px) {
.about-page1 h3,.pagetit h3{ font-size: 30px; margin-bottom: 25px; }
.about-page1-right p { font-size: 16px; line-height: 30px;}
}
@media (max-width: 1200px) {
.about-page1 h3,.pagetit h3{ font-size: 28px; }
.about-page1-left p { font-size: 20px; line-height: 40px;}
.about-page1-right { box-sizing: border-box; padding-left: 40px;}
}
@media (max-width: 992px) {
.about-page1-left { margin-top: 10px;}
.about-page1 .container { align-items: flex-start;}
.about-page1 h3,.pagetit h3{ font-size: 26px; margin-bottom: 20px; }
}
@media (max-width: 768px) {
.about-page1 .container { flex-wrap: wrap;}
.about-page1 h3,.pagetit h3{ font-size: 24px; }
.join-page .desc,.develop-page .desc,.guarantee_page .desc{ font-size: 16px;}
.about-page1-left { width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: left; flex-direction: column; align-items: left; margin-bottom: 10px;}
.about-page1-left p { font-size: 18px; line-height: 35px;}
.about-page1-right { width: 100%; padding-left: 0;}
}
@media (max-width: 568px) {
.about-page1 h3,.pagetit h3{ font-size: 22px;}
}
@media (max-width: 468px) {
.about-page1 h3,.pagetit h3{ font-size: 20px; line-height: 30px; }
}
.about-page2 {margin-top: 80px;}
.about-page2 ul {justify-content: space-between;}
.about-page2 ul li {width: 33.25%;height: 430px; position: relative; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;color: #fff;flex-direction: column;}
.about-page2 ul li:first-child {background: url(../images/wh1.jpg) no-repeat center/cover;animation-delay: 0;-webkit-animation-delay: 0;}
.about-page2 ul li:first-child + li {background: url(../images/wh2.jpg) no-repeat center/cover;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.about-page2 ul li:first-child + li + li {background: url(../images/wh3.jpg) no-repeat center/cover;animation-delay: 1s;-webkit-animation-delay: 1s;}
.about-page2 ul li span {font-size: 24px; line-height: 40px; margin-top: 15px; z-index: 9;}
.about-page2 ul li p {font-size: 18px;margin-top: 10px; z-index: 9;}
.about-page2 ul li::before {content: " ";display: block;width: 90px;height: 90px;background: #000; z-index: 9;}
.about-page2 ul li:first-child::before {background: url(../images/ab2.png) no-repeat 0 0;}
.about-page2 ul li:first-child + li::before {background: url(../images/ab2.png) no-repeat -90px 0;}
.about-page2 ul li:first-child + li + li::before {background: url(../images/ab2.png) no-repeat -180px 0;}
.about-page2 ul li:hover .cover{ background-color: #cc0000; opacity: 0.68; position: absolute; content: " "; left: 0px; bottom: 0px; width: 100%;height: 100%; }
@media (max-width: 1366px) {
.about-page2 ul li span {font-size: 22px;}
}
@media (max-width: 1280px) {
.about-page2 ul li span {font-size: 20px; margin-top: 10px;}
}
@media (max-width: 1200px) {
.about-page2 {margin-top: 50px;}
.about-page2 ul li {height: 340px;}
}
@media (max-width: 768px) {.about-page2 {margin-top: 20px;}
.about-page2 ul li {height: 240px;}
.about-page2 ul li::before {width: 56px;height: 56px;background-size: 180px !important;}
.about-page2 ul li:first-child::before {background: url(../images/ab2.png) no-repeat -2px -2px;}
.about-page2 ul li:first-child + li::before {background: url(../images/ab2.png) no-repeat -62px -2px;}
.about-page2 ul li:first-child + li + li::before {background: url(../images/ab2.png) no-repeat -123px -4px;}
.about-page2 ul li span { line-height: 30px; margin-top: 5px;}
.about-page2 ul li p { padding: 5px 0;margin-top: 0px;text-align: center;}
}
@media (max-width: 468px) {
.df { display: block;}
.about-page1 {background:none; }
.about-page2 ul li {width: 100%; }
.about-page1-right .about-page1-right-img { margin-top: 30px; margin-bottom: 30px;}
.about-page1 .container {background:none; }
}
.about-page3 ul li{padding-top: 50px; min-height: 500px; position: relative; left: 0px; top: 0px;}
.about-page3 ul li:nth-child(2){margin-top: 70px;}
.about-page3 ul .pic{width: 55.1%;position: absolute;left: 0;top:0;height: 100%; transition: .3s;overflow: hidden;;}
.about-page3 ul .pic .bg-cover {height: 100%;width: 100%;-webkit-transition: .3s;transition: .3s;position: absolute;left: 0;top: 0;}
.about-page3 ul .pic .bg-cover:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}
.about-page3 ul .txt{width: 53%;float: right;position: relative;z-index: 1;background: #fff; box-shadow: 0 0 8px rgba(153,153,153,0.4); padding:65px; transition: .3s;}
.about-page3 ul .tit{font-size: 36px;font-weight: normal; margin-bottom: 30px; color: #333!important;}
.about-page3 ul .intro{height: 140px; font-size: 18px; margin-bottom: 20px;color: #666666;line-height: 34px;overflow: hidden;}
.about-page3 ul li:nth-child(2) .txt{ float: left; }
.about-page3 ul li:nth-child(2) .pic{ right: 0; left: auto; }
.about-page3 .more{ width: 180px; height: 50px; line-height: 50px;  }
.about-page3 .more a{ color: #cc0000; font-size: 18px; padding: 15px 60px 15px 0px; position: relative;}
.about-page3 .more a:after{ position: absolute; right:25px; left: auto; width: 20px; height: 14px; top: 20px; content: ""; background: url(../images/look_bg2.png) no-repeat center;}
@media (max-width:1640px){
.about-page3 ul .txt{ padding: 60px; }
.about-page3 ul .tit{font-size: 34px; margin-bottom: 25px; }
.about-page3 ul .intro{height: 160px; }
}
@media (max-width:1440px){
.about-page3 ul li:nth-child(2){margin-top: 60px;}
.about-page3 ul .txt{ padding: 55px; }
.about-page3 ul .tit{font-size: 32px; }
}
@media (max-width:1366px){
.about-page3 ul li:nth-child(2){margin-top:40px;}
.about-page3 ul .txt{ padding: 40px; }
.about-page3 ul .tit{font-size: 28px; margin-bottom: 20px;}
.about-page3 ul .intro{ line-height: 32px; }
}
@media (max-width:1280px){
.about-page3 ul .tit-en{ margin: 10px 0 20px;}
.about-page3 ul .tit{font-size: 24px;margin-bottom: 15px;}
.index-part2 ul li{ margin-top:40px; min-height: 550px; }
.about-page3 ul .intro{ height: 240px; }
}
@media (max-width:992px){
.about-page3 ul .pic{width:80%; }
.about-page3 ul .txt{ padding: 30px; }
}
@media (max-width:768px){
.about-page3 ul{margin-top:20px;}
.about-page3 ul .pic{width: 80%;}
.about-page3 ul .txt{width: 50%; padding: 25px;}
.about-page3 ul .tit{font-size: 20px; }
.about-page3 ul .intro{height: 275px; }
}
@media (max-width:668px){
.about-page3 ul .pic{width: 100%; height: 500px; }
.about-page3 ul .txt{width: 100%; margin-top: 75%;}
.about-page3 ul .intro{height: 150px; }
}
@media (max-width:568px){
.about-page3 ul .pic{  height: 400px; }
.about-page3 ul .intro{height: 130px; }
}
@media (max-width:468px){
.about-page3 ul .pic{  height: 330px; }
.about-page3 ul .intro{height: 210px; }
.about-page3 ul .txt{ margin-top: 73%;}
}
@media (max-width:428px){
.about-page3 ul .tit{font-size: 18px; }
.about-page3 ul .pic{ height:300px; }
.about-page3 ul .txt{width: 100%;margin-top: 70%; padding: 15px;}
.about-page3 ul .intro{height: auto; }
}
@media (max-width:380px){
.about-page3 ul .pic{ height:270px; }
}
@media (max-width:1366px) {
.about-page3 .more{ width: 160px; height: 45px; line-height: 43px;}
}
@media (max-width:1280px) {
.about-page3 .more{ width: 150px;}
.about-page3 .more a:after{ right:20px; }
.about-page3 .more a{ font-size: 16px;  padding: -10px 50px 12px 0px; }
}
@media (max-width:1200px) {
.about-page3 .more a{ padding: 8px 20px 8px 0px; height: 40px; line-height: 40px;}
.about-page3 .more a:after{ right:0px; top: 14px;}
}
@media (max-width:768px) {
.about-page3 .more{ width: 130px; height: 40px; line-height: 40px;}
.about-page3 .more a:after{top: 13px; right:-5px; background-size: 100% 100%;}
}
.bra-culture__list a {text-align: center;height: 16.5em}
.culture-page .list {position: relative; }
.culture-page .list>li {display: inline-block;vertical-align: top;}
.culture-page .list a {display: block; }
.culture-page .column-list li {margin-bottom: 40px;}
.culture-page .column-list a{font-size: 20px;cursor: default;background-color: #FAFAFA;text-align: center;padding: 0 4.6em;overflow: hidden;border-radius: 10px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.culture-page .column-list .dec {display: inline-block;vertical-align: middle;width: 8em;height: 8em;background-color: #cc0000;position: relative;border-radius: 50%;top: -3em;}
.culture-page .column-list .dec img {position: absolute;left: 50%;bottom: 1.5em;-webkit-transform: translateX(-50%);transform: translateX(-50%);max-width: 100%}
.culture-page .column-list .dec .img2{ display: none;} 
.culture-page .column-list .title {color: #cc0000;margin-bottom: 15px;font-size: 24px;font-weight: 700;}
.culture-page .paragraph {font-size: 18px;color: #555;line-height: 1.875; }
.culture-page .column-list a:hover{-webkit-transform: rotateX(0deg) scale(1) translateX(0px) translateY(0px);transform: rotateX(0deg) scale(1) translateX(0px) translateY(0px);background-color: #cc0000}
.culture-page .column-list a:hover .title,
.culture-page .column-list a:hover .paragraph{color: #fff}
.culture-page .column-list a:hover .dec { background-color: #fff; }
.culture-page .column-list a:hover .dec .img1{ display: none;} 
.culture-page .column-list a:hover .dec .img2{ display: block;} 
@media (max-width:1668px) {
.culture-page .column-list a{ padding: 0 4em;}
}
@media (max-width:1480px) {
.culture-page .column-list a{ padding: 0 3.4em;}
}
@media (max-width:1366px) {
.culture-page .column-list a{ padding: 0 2.8em;}
.culture-page .column-list .dec { width: 7em;height: 7em; top: -2.5em;}
.culture-page .column-list .dec img { bottom: 1.2em; }
.culture-page .column-list .title {margin-bottom: 10px;font-size: 22px;}
}
@media (max-width:1280px) {
.culture-page .column-list a{ padding: 0 2.4em;}
.culture-page .column-list .dec { width: 6em;height: 6em; top: -2em;}
.culture-page .column-list .dec img { bottom: 1em; }
.culture-page .column-list li {margin-bottom: 30px;}
.culture-page .column-list .title { font-size: 20px;}
}
@media (max-width:1200px) {
.culture-page .column-list a{ padding: 0 2em;}
.bra-culture__list a {text-align: center;height: 14.5em}
}
@media (max-width:768px) {
.bra-culture__list a { height: 13em}
.culture-page .column-list a{ padding: 0 1.4em;}
}
@media (max-width:468px) {
.culture-page .column-list a{ padding: 0 1em;}
.culture-page .list .col-xs-6{ width: 100%;}
}

.join-page .pagetit h3,.develop-page .pagetit h3,.guarantee_page .pagetit h3,.message-main .pagetit h3{ text-align: left; color: #cc0000;}
.join-page .desc,.develop-page .desc,.guarantee_page .desc,.message-main .desc,.contact-page .desc{ font-size: 18px; color: #666666; line-height: 32px;}
.join-list {overflow: hidden;padding-top: 5%;}
.join-list-item {overflow: hidden;float: left;width: 49.5%;margin-bottom: 1.5%;margin-right: 1%;background: #fff;border-radius: 8px;position: relative;box-sizing: border-box;border: 1px solid #e6e6e6;}
.join-list-item.mr0 {margin-right:0;}
.join-list-item .text {position: absolute;left: 10%;top: 50%;z-index: 1;width: 80%;transform: translateY(-50%);}
.join-list-item .icon-1{width: 80px;height: 80px;position: relative; }
.join-list-item .title-1{font-size: 24px;margin: 30px 0 20px 0;overflow: hidden;}
.join-list-item .text-2{font-size: 18px;line-height: 32px;color: #666;}
.join-list-item .img{background: #fff;}
.join-list-item .img img {width: 100%;height:auto;display: block;}
.join-list-item:hover .title-1{color: #fff;}
.join-list-item:hover .img{background: #cc0000;}
.join-list-item:hover .text-2{color: #fff;}
.join-list-item:hover .icon-1 img{filter: invert(100%);}

.join-main {background:#f0f4f6 url(../images/job_bg.jpg) no-repeat center bottom; background-size:  cover;}
.join-main .hr-lists {width: 100%;}
.join-main .hr-lists .head {display: flex;justify-content: space-between;padding: 23px 140px 23px 100px; background-color: #999999; color: #fff;}
.join-main .hr-lists .head .head-t {flex: 1; font-size: 20px; color: #fff;}
.ul-gu1 .tit{background-color:#f5f5f5; margin-bottom:2px;padding:20px 100px;}
.ul-gu1 .tit .or1{ display: flex;}
.ul-gu1 .tit .or1 .jobtit{ flex: 1; font-size: 18px; line-height: 40px;}
.ul-gu1 .on .tit{background:#cc0000;background-size:cover}
.ul-gu1 .on .or1,.ul-gu1 .on .or2{color:#fff}
.ul-gu1 .on .or1 .jobtit{color:#fff }
.ul-gu1 .on .or2 em{color:#fff;font-style:normal}
.ul-gu1 .or2{display:inline-block}
.ul-gu1 .or2 span{font-size:18px;display:inline-block;margin-right:122px}
.ul-gu1 .or2 em{color:#333;margin-right:10px;font-style:normal}
.ul-gu1 .icon{width:36px;height:36px; text-align: center; position:relative}
.ul-gu1 .icon:after{content:"";width:16px;height:3px;background-color:#cc0000;position:absolute;left:28%;top:50%;margin-top:-2px}
.ul-gu1 .icon:before{content:"";width:3px;height:16px;background-color:#cc0000;position:absolute;left:46%;top:50%;margin-top:-8px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.ul-gu1 .on .icon:before{background-color:#fff; transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
.ul-gu1 .on .icon:after{background-color:#fff;}
.m-detailg2{box-shadow:0 10px 20px rgba(225,225,225,.4);overflow:hidden; margin-bottom:40px; }
.m-detailg2 .txt1:first-child{margin-bottom:50px}
.m-detailg2 .tit1{font-size:26px;margin-bottom:30px}
.m-detailg2 .desc1{color:#666;font-size:16px;line-height:1.8}

.m-detailg2 {width: 100%; border-top: 0px; padding: 55px 100px;display: none;}
.m-detailg2 .drop-t {margin-bottom: 20px;font-size: 20px; font-weight: bold; color: #333;}
.m-detailg2 .drop-c { margin-bottom: 15px;}
.m-detailg2 .drop-c p {font-size: 16px;color: #666;line-height: 34px;}
.m-detailg2 .drop-d { color: #cc0000; font-size: 16px; line-height: 34px; margin-top: 15px;}
@media (max-width:1366px) {
.join-list-item .title-1{font-size: 22px;}
.join-list-item .text-2{ line-height: 32px; }
}
@media (max-width:1280px) {
.join-list { padding-top: 4%;}
.join-list-item .icon-1{width: 70px;height: 70px;}
.join-list-item .icon-1 img{ width: 100%;}
.join-list-item .text { left: 8%;top:30%; width: 84%;transform: translateY(-30%);}
.join-list-item .title-1{font-size: 20px;margin: 25px 0 0px 0;overflow: hidden;}
.join-page .desc,.develop-page .desc,.guarantee_page .desc,.message-main .desc,.contact-page .desc{ line-height: 30px;}
.join-list-item .text-2{ line-height: 30px; padding-bottom: 10px;}
.join-main .hr-lists .head { padding: 23px 100px 23px 60px;}
.ul-gu1 .tit{ padding:20px 60px;}
.job_list ul li .con .title {font-size: 22px; line-height: 37px; }
.m-detailg2 { padding: 55px 60px;}
}
@media (max-width:1024px) {
.join-list-item .text { left: 6%; width: 88%;}
.join-list-item .title-1{ margin: 15px 0 5px 0; }
.join-main .hr-lists .head { padding: 20px 80px 20px 20px;}
.ul-gu1 .tit{ padding:20px 20px;}
.m-detailg2 { padding: 35px 20px;}
.ul-gu1 .tit .or1 .jobtit{ font-size: 17px; }
}
@media (max-width:992px) {
.join-list-item .text { left: 4%; width: 92%;}
.join-list-item .title-1{ margin: 10px 0 5px 0; }
}
@media (max-width:768px) {
.join-list-item {  min-height: 200px;}
.join-list-item .text { left: 3%;top:25%; width: 94%;transform: translateY(-25%);}
.join-list-item .title-1{font-size: 20px;}
.join-list-item .img {  min-height: 200px;}
.join-list-item:hover .img {  min-height: 200px;}
.join-main .hr-lists .head {padding:15px 55px 15px 20px;}
.join-main .hr-lists .head .head-t { font-size: 18px;}
.join-main .hr-lists .head .head-t:nth-child(2),.join-main .hr-lists .head .head-t:nth-child(4),.join-main .hr-lists .head .head-t:nth-child(5) { display: none;}
.ul-gu1 .tit{ padding:5px 20px;}
.ul-gu1 .tit .or1 .jobtit:nth-child(2),.ul-gu1 .tit .or1 .jobtit:nth-child(4){  display: none;}
.job_list ul li .con .title {font-size: 20px; line-height: 32px; }
}
@media(max-width:767px) {
.job_list ul li { margin-top: 20px;}
.job_list ul li:first-child { margin-top: 0px;}
.job_list ul li:nth-child(2n){ margin-top: 20px;}
.job_list ul li .con .info {font-size: 16px; line-height: 28px; margin-top: 2%; }
.job_list ul li .con { padding:14% 5% 14%;}
.ul-gu1 .tit .or1 .jobtit{ font-size: 16px; line-height: 35px;}
}
@media (max-width:468px) {
.join-list-item { width: 100%;margin-bottom: 2.5%;margin-right: 1%;}
}
.develop-page .content{ margin-top: 60px;}
.develop-page .content .item{margin-bottom:50px;}
.develop-page .content .item .left { width: 50%; float: left; height:403px; overflow: hidden;}
.develop-page .content .item .left img{width: 100%; height: 100%; overflow: hidden;}
.develop-page .content .item .right .box { min-height: 250px;}
.develop-page .content .item .right .box .icon { margin-bottom: 40px;}
.develop-page .content .item .right .box .c{ font-size: 18px; line-height:32px; min-height: 120px; color:#666; overflow:hidden; font-family: "Roboto-Regular";}
.develop-page .content .item .right .box .t{font-size: 24px; font-family: "Inter Medium"; margin-bottom: 22px; }
.develop-page .content .item .right { width: 50%; float: left; background-color: #fafafa; padding:60px 70px;}
@media ( max-width:1850px) {
.develop-page .content .item .right .box .icon { margin-bottom: 30px;}
}
@media ( max-width:1479px) {
.develop-page .content .item .left { height:355px; }
.develop-page .content .item .right { padding:40px 50px;}
.develop-page .content .item .right .box .icon { margin-bottom: 30px;}
.develop-page .content .item .right .box .t{ margin-bottom: 15px; }
}
@media ( max-width:1366px) {
.develop-page .content{ margin-top: 50px;}
.develop-page .content .item .left { height:330px; }
.develop-page .content .item .right { padding:30px 40px;}
.develop-page .content .item .right .box .icon { margin-bottom: 25px;}
}
@media ( max-width:1280px) {
.develop-page .content{ margin-top: 40px;}
.develop-page .content .item .left { height:310px; }
.develop-page .content .item .right { padding:28px 30px;}
.develop-page .content .item .right .box .icon { margin-bottom: 20px;}
.develop-page .content .item .right .box .c{line-height:30px;}
}
@media ( max-width:1200px) {
.develop-page .content .item .left { height:320px; }
.develop-page .content .item .right { padding:20px 30px;}
.develop-page .content .item .right .box .t{font-size: 22px; margin-bottom: 10px;}
.guarantee_page_list { margin-top: 30px;}
}
@media ( max-width:1100px) {
.develop-page .content .item .left { height:305px; }
.develop-page .content .item .right { padding:20px 25px;}
.develop-page .content .item .right .box .c{line-height:28px;}
}
@media ( max-width:1064px) {
.develop-page .content .item .left .rect-53{padding-bottom: 43%;}
.develop-page .content .item .right .box .t{ margin-bottom: 5px; }
}
@media ( max-width:992px) {
.develop-page .content{ margin-top: 30px;}
.develop-page .content .item{margin-bottom:30px;}
.develop-page .content .item .left { height:300px; }
.develop-page .content .item .right { padding:15px 15px;}
.develop-page .content .item .right .box .icon { margin-bottom: 10px;}
}
@media ( max-width:925px) {
.develop-page .content .item .right .box .t{font-size: 20px;}
}
@media ( max-width:825px) {
.develop-page .content .item .right .box { min-height: 185px;}
}
@media ( max-width:800px) {
.develop-page .content .item .left { width: 100%; float: none;}
.develop-page .content .item .right { width: 100%; float: none;padding:30px 30px;}
}
@media ( max-width:468px) {
.develop-page .content .item{margin-bottom:25px;}
.develop-page .content .item .left { height:250px; }
.develop-page .content .item .right { padding:15px 10px 20px;}
}
@media ( max-width:400px) {
.develop-page .content .item .left { height:220px; }
}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro-page .pro-page-tit{ font-size: 18px; color: #333; font-weight: bold; margin-bottom: 25px;}
.pro-page .categories { overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee;}
.pro-page .categories .categories_list{ float: left; width:100%; padding:22px 0 22px;}
.pro-page .categories .categories_list dl dd { float:left; margin-right: 4%; font-size:18px; line-height:32px; color: #666;}
.pro-page .categories .categories_list dl dd i { display: inline-block; width: 20px; height: 20px; background: url(../images/checkbox.png) no-repeat 0 0; margin-right: 12px; vertical-align: middle; }
.pro-page .categories .categories_list dl dd:first-child,
.pro-page .categories .categories_list dl dd.checked{ margin-left: 0px; }
.pro-page .categories .categories_list dl dd.checked i { background-position: -20px 0; }
.pro-page .categories .categories_list dl dd:hover a{color: #cc0000;}
.pro_list ul .li_ { box-sizing: border-box;margin-bottom: 45px;position: relative;}
.pro_list ul .li_ .li_top { position: relative; }
.pro_list ul .li_ .li_top .img_ { overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; background: url(../images/pro_bg.jpg) no-repeat; background-size:cover; }
.pro_list ul .li_ .li_top .img_ img {margin: 0 auto;display: block; width: 100%;}
.pro_list ul .li_ .li_bott { padding: 30px 49px;box-sizing: border-box;text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.pro_list ul .li_ .li_bott .tit {font-size: 18px;line-height: 36px;color: #333;text-align: center; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.pro_list ul .li_ .more {width: 63px;height: 63px;background: url(../images/pro_list_more.png) no-repeat center;position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -32px;cursor: pointer;z-index: 8;opacity: 0;visibility: hidden;}
.pro_list ul .li_ .cover { background-color: #cc0000; border-top-left-radius: 10px; border-top-right-radius: 10px; opacity: 0; width: 100%; height: 100%;position: absolute;top: 0;left: 0; content: "";z-index: 6;}
.pro_list ul .li_:hover .li_bott .tit a{color: #cc0000;}
.pro_list ul .li_:hover .cover { opacity: 0.6;visibility: visible;}
.pro_list ul .li_:hover .more {opacity: 1;visibility: visible;}
@media screen and (max-width:1560px){
.pro_list ul .li_ .li_bott { padding: 20px 35px;}
}
@media screen and (max-width:1440px){
.pro_list ul .li_ .li_bott { padding: 15px 25px;}
}
@media screen and (max-width:1366px){
.pro-page .categories .categories_list dl dd { margin-right: 3%; }
.pro_list ul .li_ .li_bott { padding: 15px 15px;}
}
@media screen and (max-width:1280px){
.pro-page .categories .categories_list dl dd { margin-right: 2.8%; }
.pro_list ul .li_ { margin-bottom: 35px;}
.pro_list ul .li_ .li_bott { padding: 10px 10px;}
.pro_list ul .li_ .li_bott .tit {line-height: 30px;}
}
@media screen and (max-width:1200px){
.pro-page .categories .categories_list dl dd i { margin-right: 8px; }
.pro-page .categories .categories_list dl dd { margin-right: 2.5%; font-size: 16px; line-height: 30px;}
}
@media screen and (max-width:1024px){
.pro-page .categories .categories_list dl dd { margin-right: 2.2%;}
}
@media screen and (max-width:568px){
.pro_list ul .li_ { margin-bottom: 25px;}
.pro_list ul .li_ .li_bott { padding: 10px 2px;}
.pro_list ul .li_ .li_bott .tit{ font-size: 17px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.pro_list ul .li_ .more { margin-top: -25px; }
}
@media screen and (max-width:468px){
.pro_list ul .li_ { margin-bottom: 20px;}
.pro_list ul .li_ .li_bott { padding: 10px 5px;}
.pro_list ul .li_ .li_bott .tit{ font-size: 16px;}
}
.pro_show .pro_list { margin-top: 40px;}
.pro_show .show-pro-top .float-left{ width:44%; text-align: center; float:left; }
.pro_show .show-pro-top .float-left img { width: 100%; border-radius: 10px; text-align: center; margin: 0 auto;}
.pro_show .show-pro-top .float-right{ width:52%; float: right}
.pro_show .show-pro-top .float-right .pro-t h1 {font-size: 30px; line-height: 75px; color: #cc0000; padding-bottom:15px;border-bottom:1px solid #eeeeee; }
.pro_show .show-pro-top .param {padding:40px 0 70px;font-size: 18px; color: #666666; }
.pro_show .show-pro-top .param p { line-height: 32px;}
.pro_show .show-pro-top .button { width: 100%; margin-bottom: 5px; font-size: 18px; display: inline-block;}
.pro_show .show-pro-top .button a { float: left; margin-right: 6%; width:35%; border-radius: 35px; text-align:center;padding: 17px 40px;background:#cc0000;color: #fff;}
.pro_show .show-pro-top .button a img{ padding-right: 10px;}
.pro_show .show-pro-top .button a:nth-child(2){ background: #313131;}
.pro-big-img {width: 100%;overflow: hidden; background: url(../images/pro_bg.jpg) no-repeat; background-size:cover; }
.pro_show_bottom{ margin-top:3em;}
.pro_info_1_2{padding:.6em 0;display:block; border-bottom: 1px solid #e5e5e5;overflow:hidden}
.pro_info_1_2 span {font-size:24px; line-height: 38px; color:#333; padding-bottom: .6em; position: relative;}
.pro_info_1_2 span::after{ position: absolute; left: 0px; bottom: -1px; height: 4px; width: 50px; background: #cc0000; content: ""; }
.pro_info_2{ padding: 20px 0px;}
.pro_info_2_3_t{margin-top:1.3em; margin-bottom:0em; color:#666; line-height:2;font-size:16px; }
.pro_info_2_3_t h3 {font-size:18px; line-height: 38px; color:#333; font-weight: bold; margin-bottom: 10px; }
.pro_info_2_3_t p{font-size:18px;line-height: 32px; color:#666;}
.pro_info_2_mid{overflow:hidden;font-size:18px; }
.pro_info_2_mid div{line-height: 32px; }
.pro_info_2_mid table{ width: 100%;}
.pro_info_2_mid tr{line-height: 32px; }
@media only screen and (max-device-width: 1600px){
.pro_show .show-pro-top .float-right .pro-t h1 {font-size: 28px; line-height: 70px; }
}
@media only screen and (max-device-width: 1440px){
.pro_show .show-pro-top .float-right .pro-t h1 {font-size: 26px; line-height: 60px; }
.pro_show .show-pro-top .param {padding:30px 0 60px; }
.pro_show .show-pro-top .button a { margin-right: 4%; width:40%; border-radius: 35px; padding: 17px 20px; }
}
@media only screen and (max-device-width: 1366px){
.pro_show .show-pro-top .param {padding:30px 0 50px;}
.pro_show .show-pro-top .float-right .pro-t h1 {font-size: 22px; line-height: 50px;}
.pro_show .show-pro-top .param {padding:25px 0 50px;font-size: 17px; }
.pro_show .show-pro-top .button { font-size: 17px;}
.pro_show .show-pro-top .button a { padding: 12px 20px;}
.pro_info_2_3_t p{font-size:17px; }
.pro_info_1_2 span {font-size:22px; line-height: 36px; }
}
@media only screen and (max-device-width: 1280px){
.pro_show .show-pro-top .float-right .pro-t h1 {font-size: 20px; line-height: 45px}
.pro_show .show-pro-top .param {padding:20px 0 40px;font-size: 16px; }
.pro_show .show-pro-top .button { font-size: 16px;}
.pro_info_2_3_t p{font-size:16px;line-height: 30px; }
.pro_info_2{ padding: 10px 0px;}
}
@media only screen and (max-device-width: 1220px){
.pro_show .show-pro-top .param {padding:15px 0;}
}
@media only screen and (max-device-width: 1200px) {
.pro_show .show-pro-top .float-left img{ width:100%;}
.pro_show .show-pro-top .button a { padding: 12px 15px;}
.pro_show_bottom{ margin-top:2em;}
}
@media only screen and (max-device-width: 1140px){
.pro_show .show-pro-top .button a {margin-right: 3%; width:47%; padding: 10px 0px;}
.pro_show .show-pro-top .param {padding:10px 0; }
 }
@media only screen and (max-device-width: 1040px){
.pro_info_2{ padding: 0px 0px;}
}
@media(max-width:992px) {
.pro_show .show-pro-top .button a {margin-right: 5%; width:45%; padding: 12px 25px;}
 .pro_show_bottom{ margin-top:3em;}
}
@media(max-width:825px) {
.pro_show .show-pro-top .button a {margin-right: 3%; width:47%; padding: 12px 10px;}
}
@media(max-width:768px) {
.pro_show .show-pro-top .container>div { width: 100%;}
.pro_show .show-pro-top .float-left{ width:100%; float:left;margin: 0 auto 20px;}
.pro_show .show-pro-top .float-right{ width:100%; float: right; padding-left:0; }
.pro_show .show-pro-top .float-right .pro-t h1 { font-size: 20px;}
.pro_show .show-pro-top .param {padding:10px 0 20px; }
.pro_show .show-pro-top .param p { line-height: 28px;}
 }
@media only screen and (max-device-width: 760px){
.pro-big-img {  width: 100%;  height: inherit;}
}
@media only screen and (max-device-width: 600px){
.pro-big-img {  width: 100%;  height: inherit;}
}
@media(max-width:568px) {
.pro_show .show-pro-top .float-right .pro-t h1 { font-size: 17px; font-weight:normal; padding-bottom: 10px;}
}
.pro_1{ width:100%; z-index:10;}
.pro_2_mid_left{ width:90%; color:#fff; background-color:#f6f6f6; border-radius: 10px;}
.pro_2_mid_right{width:76%; float:right}
.pro_2{ padding-bottom:4em;background-color:#f3f6f9; overflow:hidden;}
.pro_1_mid{padding:1.1em 15%; margin-bottom: 2px; background-color:#cc0000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pro_1_1{font-size:24px; text-align: center; }
.procatelist {padding:1em 0 2.5em 0;}
.procatelist li{padding:0 0 0.5em 15%; }
.procatelist li .pro_big_cate{font-size:18px; color:#333; line-height: 50px; padding-left: 12%; display:block; }
.procatelist li.on .pro_big_cate,.procatelist li:hover .pro_big_cate{ background-color: #fff; color:#cc0000;}
.procatelist li.on .pro_big_cate:after,.procatelist li:hover .pro_big_cate:after{background:url(../images/nav_arr_h.png) no-repeat;}
.pro_right .row{margin-right: 0px;margin-left: 0px;}
.pro_mo_top{display:none; overflow:hidden; background-color:#fff;}
.pro_mo_top_1{display:none}
@media screen and (max-width: 992px){
.pro_info_1_2{display:none}
.pro_mo_top_1{ display:block;margin:0.2em 0 1.5em; border:4px #f3f6f9 solid; padding:0.1em 0px; background-color:#fff;}
.pro_mo_top_1 select{color:#000;font-size:0.875em; border:none; background:none; padding:0.5em 1em;width:100%; background-repeat:no-repeat; background-image:url(../images/arrow_down.png); background-position:right center;appearance: none; -moz-appearance: none; -webkit-appearance: none;}
.pro_mo_top{display:block;}
.pro_2_mid_right_2{margin-top:2em;}
.pro_2_mid_left{display:none;}
.pro_2_mid_right{float:none; width:100%;}
.view-info a i { width: 30px;height: 30px; line-height: 30px; }
.view-info a span { margin-left:5px; font-size: 15px; }
}
@media screen and (max-width: 768px){
.pro_mo_top_1{ margin:0em 0 1.5em;}
}

@media screen and (max-width: 1440px){ 
.procatelist li{padding: 0 0 0em 14%;}
.procatelist li .pro_big_cate{ padding-left: 11%; }
}
@media screen and (max-width: 1366px){ 
.pro_1_1{font-size:22px;}
.pro_info_2_mid img{ max-width: 100%;}
}
@media screen and (max-width: 1300px){ 
.pro_1_mid{padding:1.1em 13%; }
.pro_1_1{font-size:20px;}
.procatelist li .pro_big_cate{font-size:17px;}
}
@media screen and (max-width: 1200px){
.pro_1_1{font-size:20px;}
.pro_2_mid_right_1_mid{margin:0 1em 1em 1em}
.procatelist_top a,a.pro_big_cate,.pro_2_mid_right_1_mid_2{font-size:0.875em;}
.pro_right .row{margin-right: -20px;margin-left: -20px;}
.pro_list_left,.pro_list_right{width:3em; height:3em; margin-top:-1.5em;}
.procatelist li .pro_big_cate{font-size:16px; padding-left: 7%; }
.pro_1_mid{padding:1em 8%; }
}
@media screen and (max-width: 1090px){ 
.pro_info_1_2{font-size:18px;}
}

@media screen and (max-width: 768px){
.pro_list_left, .pro_list_right{width:2em; height:2em; margin-top:-1em;}
.pro_info_1_1_right_1{font-size:18px; }
.pro_show .pro_list ul li:last-child{ display: none;}
}

.selection{ margin-bottom: 70px;}
.selection .page-tit { margin-bottom: 30px;}
.selection .page-tit h3 {font-size: 24px; color: #333333; }
.selection .tit{ font-size: 18px; font-weight: bold; margin-bottom: 30px; color: #cc0000;}
.selectionbg{ background:#f8f8f8; padding:50px 40px; margin-bottom: 40px; border-radius: 10px; }
.selectionbg dl{ height: 100%;}
.selectionbg dd { font-size: 16px; width: 33.333333337%; float: left; margin-bottom: 10px; line-height: 34px; overflow: hidden;}
.selectionbg dd span{ margin-right: 10px; margin-top: -2px; height: 30px; color: #cc0000; font-weight: bold;}
.selectionbg dd a { color: #666;}
.selectionbg dd a:hover{color: #cc0000;}

.selection .infor,.pro_list .infor{text-align:center;}
.selection .infor .tit,.pro_list .infor .tit{font-size:30px; color:#181818;}
.selection .infor .tit span,.pro_list .infor .tit span{color:#ff0000}
.pro_list .infor .tit{ margin-bottom: 30px;}
@media screen and (max-width:1440px){
.selectionbg{ padding:40px;margin-bottom: 30px;}
.selectionbg dd { font-size: 17px; }
.selection .infor .tit,.pro_list .infor .tit{font-size:26px;}
}
@media screen and (max-width:1366px){
.selectionbg dd { overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.selection .infor .tit,.pro_list .infor .tit{font-size:24px;}
}
@media screen and (max-width:1280px){
.selectionbg{ padding:30px;margin-bottom: 20px;}
.selection .infor .tit,.pro_list .infor .tit{font-size:22px;}
}
@media screen and (max-width:1200px){
.selectionbg dd { font-size: 16px; line-height: 30px; }
.selection .page-tit { margin-bottom: 20px;}
.selection .page-tit h3 {font-size: 22px;  }
.selection .tit{ margin-bottom: 20px;  }
.selection .infor .tit,.pro_list .infor .tit{font-size:20px;}
}
@media screen and (max-width:768px){
.selectionbg{ padding:20px;}
.selection .page-tit { margin-bottom: 15px; }
.selection .page-tit h3 {font-size: 20px;  }
.selection .tit{  margin-bottom: 20px;}
.selectionbg dd { width:50%; }
}
@media screen and (max-width:568px){
.selection{ margin-bottom: 10px;}
.selection .page-tit { margin-bottom: 20px;}
.selectionbg{ padding:15px;}
.selectionbg dd { width:100%; line-height: 30px;}
.selectionbg dd span{ margin-right: 6px;}
}
@media screen and (max-width:468px){
.selectionbg{ padding:10px;}
.selectionbg dd { line-height: 28px;}
}
.pageapplication ul{ margin-top: 40px;}
.pageapplication ul li { margin-bottom: 10px;}
.pageapplication .application-item{background-color: #fff;}
.pageapplication .application-item img{ width: 100%;}
.pageapplication .box{ padding:30px 0px;}
.pageapplication .box .tit {display:block; margin-bottom: 10px; color:#333; font-size:24px; line-height: 38px;}
.pageapplication .box p{ color:#666; font-size: 18px; line-height: 34px; margin-bottom: 10px;  overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.pageapplication .application-item .more{ width: 180px; height: 50px; line-height: 50px;  }
.pageapplication .application-item .more a{ color: #cc0000; font-size: 18px; padding: 15px 60px 15px 0px; position: relative;}
.pageapplication .application-item .more a:after{ position: absolute; right:25px; left: auto; width: 20px; height: 14px; top: 20px; content: ""; background: url(../images/look_bg2.png) no-repeat center;}
.pageapplication .application-item:hover .box .tit{ color: #cc0000;} 
@media screen and (max-width:1366px){
.pageapplication .application-item .more a{ font-size: 17px; }
}
@media screen and (max-width:1280px){
.pageapplication .application-item .more a{ font-size: 16px; }
}
.solution-big-img {width: 100%; overflow: hidden;}
.solution_info_1_1{ overflow:hidden; background-color:#f7f7f7; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 20px 2px;}
.solution_info_1_1_left{float:left; width:50%;}
.solution_info_1_1_left .solution-big-img {width:100%; text-align: left;}
.solution_info_1_1_left .solution-big-img img{ width:100%;}
.solution_info_1_1_right{float:right; width:50%; padding:45px 65px;}
.solution_info_1_1_right_1{ color: #cc0000; font: 30px/1.5 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; margin-bottom: 30px; }
.solution_info_1_1_right_3{ color:#666; font: 18px/1.7 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; }
.solution_info_1_3{font-size:20px; padding:.6em 0;display:block;color:#666; margin-top:3.25em; border-bottom: 1px solid #ededed;overflow:hidden}
.solution_info_share { margin-top: 30px;}
.solution_info_share a{ float: left;}
.solution_info_3{margin-top: 30px;}
.solution_info_title{font-size: 24px; color: #333333; position: relative; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.solution_info_title::after{position: absolute; left: 0px; bottom: -3px; content: ""; width: 52px; height: 3px; background: #cc0000; }
.pageapplication1{ padding-bottom: 60px;}
.pageapplication2 ul{ margin-top: 30px;}
.pageapplication_list{ margin-top: 40px;}
@media screen and (max-width:1480px){
.pageapplication .box .tit { font-size:22px; line-height: 36px;}
.pageapplication1{ padding-bottom: 40px;}
.solution_info_1_1_right{ padding:35px 55px;}
.solution_info_1_1_right_1{ font: 26px/1.5 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; margin-bottom: 25px; }
}
@media screen and (max-width:1366px){
.solution_info_1_1_right{ padding:30px 40px;}
.solution_info_1_1_right_1{ font: 24px/1.5 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; margin-bottom: 20px; }
.solution_info_1_1_right_3{ font: 17px/1.7 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; }
}
@media screen and (max-width:1280px){
.solution_info_1_1_right{ padding:20px 30px;}
.solution_info_1_1_right_1{ font: 20px/1.5 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; margin-bottom: 15px; }
.solution_info_1_1_right_3{ font: 16px/1.5 'SourceSansPro Regular','SourceSansPro Light','SourceSansPro ExtraLight', "Helvetica Neue", "sans-serif"; }
}
@media screen and (max-width:1200px){
.solution_info_1_1_right{ padding:15px 20px;}
.solution_info_share { margin-top: 20px;}
}
@media screen and (max-width:992px){
.solution_info_1_1_right{ padding:10px 20px;}
.pageapplication .box{ padding:20px 0px;}
.pageapplication .box .tit { font-size:20px;}
.pageapplication .box p{ -webkit-line-clamp: 3; }
}
@media screen and (max-width:768px){
.pageapplication .box{ padding:10px 0px;}
.pageapplication .box .tit { font-size:18px;}
.pageapplication .box p{ line-height: 30px; }
.pageapplication ul li { margin-bottom: 0px;}
}

.news_list ul li {border-bottom: 1px solid #f2f2f2; }
.news_list ul li .content{ padding: 35px 80px 35px 55px;  border-bottom: 3px solid #fff;}
.news_list ul li a{display:block;}
.news_list ul li .intro{float:left; width:61%;}
.news_list ul li .intro .box .txt .t{font-size:24px; margin-bottom: 15px; color:#333; }
.news_list ul li .intro .box .txt .c{font-size:18px; color:#666; line-height:34px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 15px; transition:.3s ease;}
.news_list ul li .intro .box .txt .date1{color: #666;font-size:18px; margin-top:30px;display: block;}
.news_list ul li .newsmore { float: right; margin-top: 70px;}
.news_list ul li .newsmore a{ font-size: 18px; color:#666;position: relative; padding-right:40px;}
.news_list ul li .newsmore a:after{height:14px;background:url(../images/look_bg1.png) no-repeat center right;position:absolute;right:0px;top:50%; content: ""; margin-top:-7px; width: 20px;}
.news_list ul li:hover{box-shadow:0 0 25px rgba(0,0,0,.1); border-color:transparent; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.news_list ul li:hover .newsmore a{color: #cc0000; }
.news_list ul li:hover .newsmore a:after{background:url(../images/look_bg2.png) no-repeat center right;}
.news_list ul li:hover .intro .box .txt .t a{ color:#cc0000; }
.news_list ul li:hover .intro .box .txt .c a{ color:#555; }
.news_list ul li:hover .content{ border-bottom: 3px solid #cc0000;  }
@media only screen and (max-width: 1440px){
.news_list ul li .content{ padding: 30px 70px 30px 45px; }
.news_list ul li .intro .box .txt .t{font-size:22px;}
}
@media only screen and (max-width: 1366px){
.news_list ul li .newsmore a{ font-size: 17px; padding-right:30px;}
.news_list ul li .intro .box .txt .date1{ font-size:17px; margin-top:25px; }
.news_list ul li .intro .box .txt .c{font-size:17px; line-height:32px;}
}
@media only screen and (max-width: 1280px){
.news_list ul li .content{ padding: 25px 60px 25px 35px; }
.news_list ul li .intro .box .txt .t{font-size:20px;}
.news_list ul li .intro .box .txt .c{font-size:16px; line-height:30px; margin: 8px 0 10px; }
.news_list ul li .newsmore a{ font-size: 16px; padding-right:25px;}
.news_list ul li .intro .box .txt .date1{ font-size:16px; margin-top:20px; }
}
@media only screen and (max-width: 1240px){
.news_list ul li .intro{float:left; width:68%;}
.news_list ul li .tit{font-size:30px; color:#232323; line-height:35px; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list ul li .intro .box .txt{float:left; width:100%;}
.news_list ul li .intro .box .txt .t{font-size:18px; margin-bottom: 10px; color:#333; }
.news_list ul li .intro .box .txt .c{ margin: 8px 0 0px; }
}
@media only screen and (max-width: 1200px){
.news_list ul li .intro{ width:67%;}
}
@media only screen and (max-width: 1100px){
.news_list ul li .content{ padding: 20px 50px 20px 30px; }
.news_list ul li .intro{ width:65%;}
.news_list ul li .intro .box .txt .date1{ margin-top:10px; }
.news_list ul li .newsmore { margin-top: 50px;}
}
@media only screen and (max-width: 992px){
.news_list ul li .content{ padding: 15px 40px 15px 20px; }
.news_list ul li .intro{float:left; width:65%;}
.news_list ul li .intro .box .txt .date1{ margin-top:20px;}
}
@media only screen and (max-width: 768px){
.news_list ul li { margin-bottom: 15px; }
.news_list ul li .content{ padding: 5px 10px 5px 10px; }
.news_list ul li .intro{ width:100%;}
.news_list ul li .intro .tit{font-size:18px; line-height:22px; height:44px;}
.news_list ul li .intro .box .txt .c{ line-height: 26px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list ul li .intro .box{padding:5px 6px 0 6px;}
.news_list ul li .intro .box .txt .date1{ margin-top:0px; }
.news_list ul li:hover{background: none;}
.news_list ul li .newsmore { display: none;}
}
@media only screen and (max-width: 760px){
.news_list ul li .intro .box .txt .c{ margin:5px 0 15px; }
}
@media only screen and (max-width: 460px){
.news_list ul li .content{ padding: 5px 0px 5px 0px; }
.news_list ul li .intro{ width:100%;}
.news_list ul li .intro .box .txt .t{line-clamp: 1;-webkit-line-clamp: 1;}
.news_list ul li .intro .box .txt .c{ line-clamp: 2;-webkit-line-clamp: 2;}
.news_list ul li .intro .box .txt .c a{ color: #666!important;}
 }

.news_detail .title,.news_detail .c_right .infor .tit{font-size:36px; color:#333; font-weight: bold; text-align:left; margin-bottom:25px;}
.news_detail .c_left { width: 98%;}
.news_detail .c_left .date{font-size:18px; color:#999; }
.news_detail .c_left .date span{ margin-right:8px;}
.news_detail .c_center .box{padding:30px 0; margin:30px 0 0px; border-top:1px solid #e5e5e5; }
.news_detail .c_center .text{ color:#575757;}
.news_detail .c_center .text p,.news_detail .c_center .text div { font-size:18px; line-height:34px; color: #666; margin-bottom: 10px;}
.news_detail .c_right { width: 92%;float: right; }
.news_detail .c_right .infor { margin-bottom: 10px;}
.news_detail .c_right .hot_news .hot_box .item .t{font-size:18px; color:#333; line-height:34px; padding-left: 20px; position: relative; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition:all .3s ease;}
.news_detail .c_right .hot_news .hot_box .item .t:before{position: absolute; left: 0px; bottom: 40%; content: ""; width:6px; height: 6px; border-radius: 100%; background: #cc0000;  }
.news_detail .c_right .hot_news .hot_box .box{padding:0px 0 15px;}
.news_detail .c_right .hot_news .hot_box .item .t:hover{color:#cc0000;}
.showshare { margin-top:70px; padding-right: 40px; }
.showshare .tit{ font-size: 18px;}
.showshare .f_social a{margin-top: 40px; color:#777; }
.showshare .f_social i{ border-radius:50%; line-height:30px; text-align:left; margin-bottom:10px; }
.showshare .f_social i img{ width: 36px; height: 36px; margin-top: 20px;}
.showshare .f_social .wechat { position: relative;}
.showshare .f_social .wechat:hover .vx { display: block;}
/*
.showshare .f_social .wechat .vx::after { content: ''; position: absolute; right: -20%; margin-left: -48px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent #fff transparent transparent}
*/
.showshare .f_social .wechat .vx { position: absolute; top: -85px; width: 150px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: 50px; display: none;}
.showshare .f_social .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; width: 100%; font-size: 13px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.showshare .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 13px; color: #333;}
.showshare .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}


@media only screen and (max-width:1500px){
.news_detail .title,.news_detail .c_right .infor .tit{font-size:32px;}
.news_detail .c_center .box{padding-top:25px; margin-top:25px; }
}
@media only screen and (max-width:1440px){
.news_detail .title,.news_detail .c_right .infor .tit{font-size:30px;}
.news_detail .c_center .box{padding-top:20px; margin-top:20px; }
}
@media only screen and (max-width:1366px){
.news_detail .title,.news_detail .c_right .infor .tit{font-size:26px; margin-bottom:20px;}
.news_detail .c_left .date{font-size:17px;}
.news_detail .c_center .text p,.news_detail .c_center .text div { font-size:17px; line-height:32px; }
}
@media only screen and (max-width:1280px){
.showshare { margin-top:50px; padding-right: 0px; }
.news_detail .title,.news_detail .c_right .infor .tit{font-size:24px; margin-bottom:15px;}
.news_detail .c_center .box{padding-top:15px; margin-top:15px; }
.news_detail .c_left .date{font-size:16px;}
.news_detail .c_center .text p,.news_detail .c_center .text div { font-size:16px; line-height:30px; }
}
@media only screen and (max-width:1200px){
.news_detail .title,.news_detail .c_right .infor .tit{font-size:22px; margin-bottom:10px;}
}
@media only screen and (max-width:992px){
.news_detail .title,.news_detail .c_right .infor .tit{font-size:20px;}
.news_detail .dec{ font-size:14px;}
.news_detail .c_center .box{padding-top:20px; margin-top:20px; font-size:16px;}
.news_detail .c_center .text{ line-height:25px;}
.news_detail .c_right .hot_news { margin-top:30px;}
.news_detail .c_right .hot_news .hot_box .item .t{ margin-bottom:5px; height:28px;  overflow:hidden;}
}
@media only screen and (max-width:768px){
.news_detail .title,.news_detail .c_right .infor .tit{font-size:18px;}
.news_detail .c_left { width: 100%;}
.news_detail .c_center .box{padding-top:15px; margin-top:15px; }
.news_detail .c_center .text p,.news_detail .c_center .text div { line-height:28px;}
.news_detail .c_right .hot_news .hot_box{padding:0 15px;}
.news_detail .c_right .hot_news .infor .box{padding:15px 0 0;}
}
[transition="5s"], [imgsalc] img {transition: 0.5s ease-in-out 0s;-webkit-transition: 0.5s ease-in-out 0s;-moz-transition: 0.5s ease-in-out 0s}
[imgsalc] {overflow: hidden}
.lf { float: left;}
.lr { float: right;}
.appb1 .appb1slide{margin-top:40px}
.appb1 .textbox{width:39%;position:absolute;top:0;left:0;padding:42px 6.462vw 0 0}
.appb1 .textbox .title{color:#000;font-size:24px;border-left: 3px solid #cc0000; padding-left: 0.5em; line-height:1; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .textbox .text{color:#666; font-size: 18px; line-height:1.8;margin-top:50px;max-height:247px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.appb1 .swiper-slide .img{width:65%}
.appb1 .swiper-slide-active .boxflex,
.appb1 .swiper-slide-prev .boxflex{justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.appb1 .swiper-slide .textbox{display:none}
.appb1 .swiper-slide-active .textbox{display:block}
.appb1 .appb1slide .swiper-button-next,
.appb1 .appb1slide .swiper-button-prev{width:12px;height:22px;margin-top:0;top:auto;right:auto;bottom:100px;background-size:100% 100%}
.appb1 .appb1slide .swiper-button-prev{background-image:url(../images/appb-l.png);left:230px}
.appb1 .appb1slide .swiper-button-next{background-image:url(../images/appb-r.png);left:320px}
.appb1 .appb1slide .numbox{position:absolute;bottom:98px;left:262px}
.appb1 .appb1slide .numbox .pagenum,
.appb1 .appb1slide .numbox .line,
.appb1 .appb1slide .numbox .allnum{font-size:18px;}
.appb1 .appb1slide .numbox .line{margin:0 6px}
@media (max-width:1580px){
.appb1 .appb1slide .swiper-button-prev{left:12.4vw}
.appb1 .appb1slide .numbox{left:14.93vw;bottom:4.28vw}
.appb1 .appb1slide .swiper-button-next{left:19.11vw}
.appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:4.36vw}
}
@media (max-width:1440px){
.appb1 .swiper-slide .textbox{padding:25px 4vw 0 0}
.appb1 .textbox .title{font-size:22px;max-height:42px}
.appb1 .textbox .text{font-size:17px; margin-top:35px;}
.appb1 .appb1slide .numbox{left:14.63vw}
}
@media (max-width:1280px){
.appb1 .textbox .text{font-size:16px;margin-top:25px;}
}
@media (max-width:1024px){
.appb1 .swiper-slide .textbox{width:100%;position:static;padding:10px 0 50px}
.appb1 .swiper-slide .img{width:100%}
.appb1 .swiper-slide .img img{ width: 100%;}
.appb1 .textbox .title{font-size:18px;max-height:30px;margin-top: 5px;}
.appb1 .textbox .text{margin-top:8px;-webkit-line-clamp:7;max-height:222px}
.appb1 .appb1slide{margin-top:20px}
.appb1 .appb1slide .numbox{left:0;width:100%;text-align:center;bottom:3px}
.appb1 .appb1slide .numbox .pagenum, .appb1 .appb1slide .numbox .line, .appb1 .appb1slide .numbox .allnum{float:none;display:inline-block}
.appb1 .appb1slide .swiper-button-next{left:calc(50% + 50px)}
.appb1 .appb1slide .swiper-button-prev{left:calc(50% - 50px)}
.appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:5px}
}

.guarantee_page_list { margin-top: 40px;}
.guarantee_page_left{ overflow:hidden;position:relative; margin-bottom: 20px;}
.guarantee_page_left1{ height:100%;position:relative; overflow:hidden;}
.guarantee_page_left1:after{content: "";  position: absolute;  left:0; bottom:0; height:100%; width:100%; z-index:1; opacity:0.2;}
.guarantee_page_left1 img{width:100%;}
.guarantee_page_left1_con{position:absolute; width:84%; left:50px; top:15%; color:#fff; z-index:10;}
.guarantee_page_left1_con_2{font-size:24px; margin-bottom: 10px;}
.guarantee_page_left1_con_3{font-size:16px; width: 100%; line-height:1.8; margin-top:15px;}
.guarantee_page_left1_p{ left: 50px; top:18%; }
@media (max-width:1440px){
.guarantee_page_left1_con_2{font-size:22px; }
}
@media (max-width:1366px){
.guarantee_page_left{  margin-bottom: 15px;}
.guarantee_page_left1_con_3{ margin-top:10px; }
}
@media (max-width:1280px){
.guarantee_page_left{margin-bottom: 15px;}
.guarantee_page_left1_con_2{font-size:20px; margin-bottom: 5px;}
.guarantee_page_left1_con_3{line-height:1.5;}
}
@media (max-width:1200px){
.guarantee_page_left1_con{ width:88%; left:30px; top:12%; }
.guarantee_page_left1_con_3{ margin-top:5px; }
}
@media (max-width:1180px){
.guarantee_page_left1_p{ left: 20px;top:8%;}
}
@media (max-width:768px){
.guarantee_page_left1_con_3{ line-height: 28px;}
}
@media (max-width:768px){
.guarantee_page_left1_con_2{font-size:18px; }
}
.message-main .form-main {margin-top: 40px;}
.message-main .form-item {margin-bottom: 20px;}
.message-main form .button {text-align: center; }
.message-main form .button button {padding: 18px 70px; border: 1px solid #e5e5e5; border-radius: 28px;color: #666; font-size: 16px;}
.message-main .form-item {border: 1px solid #dcdcdc; border-radius: 8px; line-height: 60px; height: 60px;  }
.message-main .form-item span{ width:4%; float: left;}
.message-main .form-item input {width: 93%;border: 0; padding-left: 15px; float: left;font-size: 16px; line-height: 58px;  }
.message-main .form-area{border: 1px solid #dcdcdc; border-radius: 8px;  height: 150px;margin-bottom: 20px;}
.message-main .form-area textarea { width: 98%; padding-left: 15px; float: left; height: 148px; border: 0;font-size: 16px; line-height: 58px;}
.message-main .form-area span{ width:2%; float: right;}
.message-main .form-bottom {margin-bottom: 60px;}
.message-main .form-bottom span {display: inline-block;color: #999;margin-right: 30px;}
.message-main .form-bottom #code {width: 260px;height: 60px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 15px; border-radius: 8px; color: #999;}
.message-main button{ border: 0px;}
.message-main .red{ color: #cc0000;}
.message-main .hint{ line-height: 60px; color: #666; font-size: 16px;}
.message-main .col-md-5{ width:34.66666667%;}
.message-main .col-md-7{ width: 65.33333333%;}
.message-main form .button:hover button {border: 1px solid #cc0000; background-color: #cc0000; color: #fff; }
.d-inline {display: inline-block;}
@media(max-width:1366px) {
.message-main .hint{ line-height: 50px;}
.message-main .form-item { line-height: 55px; height: 55px;  }
.message-main .form-item input {width: 95%;line-height: 53px;  }
}
@media(max-width:1280px) {
.message-main .hint{ line-height: 40px; }
.message-main .col-md-5{ width:44.66666667%;}
.message-main .col-md-7{ width: 55.33333333%;}
}
@media(max-width:992px) {
.message-main .form-item { line-height: 50px; height: 50px;  }
.message-main .form-item input {width: 95%;line-height: 48px;  }
.message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; }
.message-main .form-area span{ width:4%; float: left;}	
.message-main form { margin-top: 0px;padding-top: 0px;}
.message-main .form-main {margin-top: 20px;}
.message-main .col-md-5{ width:64.66666667%;}
.message-main .col-md-7{ width: 35.33333333%;}
}
@media(max-width:768px) {
.message-main .form-item input {width: 98%; }
.message-main .form-bottom #code {width: 185px; height: 55px; }
.message-main form .button button {padding: 25px 30px; margin-top: 10px;}
.message-main .hint{ line-height: 30px;}
.message-main .col-md-5{ width:74.66666667%;}
.message-main .col-md-7{ width: 25.33333333%;}
}
@media(max-width:528px) {
.message-main .form-bottom span { display: none;}
.message-main form .fr{ float: left;}
.message-main form .button button {padding: 15px 40px; }
.message-main .col-md-5{ width:84.66666667%;}
.message-main .col-md-7{ width: 15.33333333%;}
}
.question-page .list li{ margin-bottom: 35px;}
.question-page .list .box { border: 1px solid #e5e5e5; border-radius: 15px; padding:70px 40px 100px;}
.question-page .list li .name{ padding: 20px 0px 25px; }
.question-page .list li .name a{ color: #333;font-size: 24px; min-height: 68px; line-height: 38px;overflow: hidden; }
.question-page .list li .name a:hover{ color: #dc0202; }
.question-page .list li .content{ font-size: 18px; line-height:34px; margin-bottom: 40px; overflow: hidden; color: #666; }
.question-page .list li .botDiv{ padding:5px 0px 10px; position: relative;}
.question-page .list li .time{ color: #666; font-size: 16px; }
.question-page .list li .more{ width: 180px; height: 50px; line-height: 50px;  }
.question-page .list li .more a{ color: #cc0000; font-size: 18px; padding: 15px 60px 15px 0px; position: relative;}
.question-page .list li .more a:after{ position: absolute; right:25px; left: auto; width: 20px; height: 14px; top: 20px; content: ""; background: url(../images/look_bg2.png) no-repeat center;}
.question-page .list .box:hover { border: 1px solid #dc0202; background: #dc0202;}
.question-page .list .box:hover .time{ color: #fff; }
.question-page .list .box:hover .name a{ color: #fff;}
.question-page .list .box:hover .content{color: #fff; }
.question-page .list .box:hover .more a{ color: #fff; }
.question-page .list .box:hover .more a:after{ background: url(../images/look_bg3.png) no-repeat center;}

@media (max-width:1440px){
.question-page .list .box {padding:60px 40px 90px;}
}
@media screen and (max-width:1366px){
.question-page .list .box {padding:50px 30px 80px;}
.question-page .list li .name a{ font-size: 22px;line-height:36px;}
.question-page .list li .content{ font-size: 17px; line-height:32px; margin-bottom: 30px; }
.question-page .list li .more a{ font-size: 17px; }
}
@media screen and (max-width:1280px){
.question-page .list .box {padding:40px 20px 40px;}
.question-page .list li .name{ padding: 10px 0px 15px; }
.question-page .list li .name a{ font-size: 20px;line-height:34px;}
.question-page .list li .content{ font-size: 16px; line-height:30px; margin-bottom: 20px; }
.question-page .list li .more a{ font-size: 16px; }
}
@media screen and (max-width:768px){
.question-page .list .box { padding:20px 20px;}
.question-page .list li .name a{font-size: 18px; height: 30px; line-height: 30px; margin-bottom: 10px; }
}
@media screen and (max-width:468px){
.question-page .list li{ margin-bottom: 20px;}
.question-page .list li .name{ padding: 0px 0px 5px; }
.question-page .list .box { padding:15px 10px;}
}

.relative {position: relative;}
.absolute {position: absolute;}
.contact-page.page-section { padding-bottom: 0px;}
.contact-page .contact_top .pagetit h3{ text-align: left; }
.contact-page .lxfs { width: 80%; }
.contact-page .lxfs ul { margin-top: 40px; }
.contact-page .lxfs ul li {display: flex;align-items: center; color: #666;margin: 12px 0;line-height: 38px; font-size: 18px;}
.contact-page .lxfs ul li img {margin-right: 20px;}
.lyDiv { height: 630px;background-color: #ffffff;box-shadow: 0px 0px 9px 1px rgba(86, 86, 86, 0.16);position: relative;z-index: 9;padding: 45px; border-radius: 15px;}
.lyDiv form { margin-top: 30px;}
.lyDiv textarea,
.lyDiv input {background: #FFFFFF;border: 0;font-size: 18px;width: 100%; line-height: 50px; padding: 5px 0; color: #666; border-bottom: 1px #e5e5e5 solid;/* padding: 0 20px; */}
.lyDiv textarea { height: 100px; resize: none;}
.lyDiv .fl {width: 45%; float: left;}
.lyDiv form button { float: right; width: 28%; border-radius: 30px; border: 1px #e5e5e5 solid; color: #999; height: 60px; margin-top: 10px; margin-bottom: 10px;}
.lyDiv .tip{ font-size: 18px; line-height: 32px; margin-top: 20px; }
.contact-page .mapDiv {width: 100%;height: 580px;margin-top: -150px;}
.contact-page .mapDiv .map_box { width: 100%; height: 100%;} 
.contact-page .mapDiv .ditu .tdt-pane {z-index: 4!important;}
.yzmInput { margin-top: 10px; margin-bottom: 10px;}
.yzmInput .absolute {right: 0;top: 10px;}
.ditu{width:100%;height:100%; text-align:center;  }
.red {color:red; float: left;} 
@media (max-width:1440px) {
.contact-page .lxfs { width: 85%; }
.contact-page .lxfs ul li img {margin-right: 15px;}
}
@media (max-width:1366px) {
.contact-page .lxfs ul { margin-top: 30px; }
.lyDiv form { margin-top: 25px;}
.contact-page .lxfs ul li { line-height: 34px; font-size: 17px;}
.lyDiv textarea,
.lyDiv input { font-size: 17px;}
.lyDiv .fl {width: 55%; }
.lyDiv form button { width: 30%; height: 50px; }
.lyDiv .tip{ font-size: 17px; margin-top: 15px; }
}
@media (max-width:1280px) {
.contact-page .lxfs { width:90%; }
.contact-page .lxfs ul li img {margin-right:10px;}
.contact-page .lxfs ul li { line-height: 32px; font-size: 16px;}
.lyDiv textarea,
.lyDiv input { font-size: 16px;}
.lyDiv { padding: 25px;}
.lyDiv .fl {width: 55%;}
.lyDiv form button { width:30%; border-radius: 25px; height: 50px; margin-top: 10px; margin-bottom: 10px;}
.lyDiv textarea,
.lyDiv input { font-size: 16px; line-height: 45px;}
.lyDiv .tip{ font-size: 16px; line-height: 30px;}
}
@media (max-width:992px) {
.contact-page .contact_top .pagetit h3{ margin-bottom: 20px;}
.lyDiv .fl {width: 65%; }
}
@media (max-width:768px) {
.lyDiv .fl{width: 100%;}
.lyDiv { margin-top: 30px;}
.lyDiv h3{ font-size: 20px; }
.lyDiv form { margin-top: 20px;}
.contact-page .lxfs ul { margin-top: 20px; }
.contact-page .lxfs ul li {  margin: 12px 0;line-height: 30px; font-size: 16px;}
.lyDiv { height: 580px;}
}
@media (max-width:468px) {
.lyDiv { height: 650px;}
.lyDiv .fl {width:100%; float: none; }
.lyDiv form button { width:50%; margin: 0 auto; float: none; text-align: center; }
}
.policy { line-height: 30px;}
.policy h3{ font-size: 20px; margin-bottom: 10px;}

.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.mapmenu .param {margin-bottom: 30px;}
.mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom: 4px; margin-right: 15px;background-color: #cc0000;}
.mapmenu .param-t a:hover{color: #cc0000;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #cc0000;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; }
.mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;}
.mapmenu .param-c ul li a{ padding-bottom:10px;}
.mapmenu .param-c ul li a:hover{color: #cc0000;}
@media(max-width:1440px) {
.mapmenu .param {margin-bottom: 20px;}
.mapmenu .param-t a{font-size:22px; margin-bottom: 20px;}
.mapmenu .param-c a{ line-height: 28px;}
}

@media(max-width:992px) {
.mapmenu .param-t {margin-bottom: 20px;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}
}
@media(max-width:768px) {
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}